Filtering a Two-Dimensional Array Using JavaScript

Question

Filtering a Two-Dimensional Array Using JavaScript

I am working with a basic 2D array that contains x, y coordinates as shown below:

var c = [
        [1,10],
        [2,11],
        [3,12],
        [4,13],
        [5,15]
];

I want to know how I can extract pairs from the array that meet specific conditions for both x and y values, and then store those pairs in a new array. For example:

for each pair in c { 
  if (x > 3 && y > 13) {
   push to NewArray
   }
}

I am new to JavaScript and have not been able to find a solution online. Any help would be greatly appreciated.

javascript arrays loops filter

Answer 1

Answer №1

By using filter instead of push, you can achieve the desired result:

const filtered = arr.filter(([x, y]) => x > 3 && y > 13);

var arr = [
  [1, 10],
  [2, 11],
  [3, 12],
  [4, 13],
  [5, 15]
];
const filtered = arr.filter(([x, y]) => x > 3 && y > 13);
console.log(filtered);

Remember to use commas to separate array items.

The destructuring in this case is equivalent to:

const filtered = arr.filter((item) => item[0] > 3 && item[1] > 13);

Answer 2

By using filter instead of push, you can achieve the desired result:

const filtered = arr.filter(([x, y]) => x > 3 && y > 13);

var arr = [
  [1, 10],
  [2, 11],
  [3, 12],
  [4, 13],
  [5, 15]
];
const filtered = arr.filter(([x, y]) => x > 3 && y > 13);
console.log(filtered);

Remember to use commas to separate array items.

The destructuring in this case is equivalent to:

const filtered = arr.filter((item) => item[0] > 3 && item[1] > 13);

Answer 3

Answer №2

To extract elements from an array that satisfy a specific condition, you can utilize the Array.prototype.filter function. For instance, if you want to filter elements where x > 3 && y > 13, you can do so using this method.

Below is an example of how you can use the filter function:

let myArray = [ [1, 10], [2, 11], [3, 12], [4, 13], [5, 15] ],
    filteredArray = myArray.filter(function([x, y]) {
      return x > 3 && y > 13
    });
    
console.log(filteredArray);

In the code snippet above (function([x, y]){}), we utilized destructuring assignment.

A different approach using arrow functions:

let myArray = [ [1, 10], [2, 11], [3, 12], [4, 13], [5, 15] ],
    filteredArray = myArray.filter(([x, y]) => x > 3 && y > 13);
    
console.log(filteredArray);

Answer 4

To extract elements from an array that satisfy a specific condition, you can utilize the Array.prototype.filter function. For instance, if you want to filter elements where x > 3 && y > 13, you can do so using this method.

Below is an example of how you can use the filter function:

let myArray = [ [1, 10], [2, 11], [3, 12], [4, 13], [5, 15] ],
    filteredArray = myArray.filter(function([x, y]) {
      return x > 3 && y > 13
    });
    
console.log(filteredArray);

In the code snippet above (function([x, y]){}), we utilized destructuring assignment.

A different approach using arrow functions:

let myArray = [ [1, 10], [2, 11], [3, 12], [4, 13], [5, 15] ],
    filteredArray = myArray.filter(([x, y]) => x > 3 && y > 13);
    
console.log(filteredArray);

Filtering a Two-Dimensional Array Using JavaScript

Answer №1

Answer №2

Similar questions

Directing to index.html using ExpressJS

Move the cursor within the text area upon clicking the button

Learn how to access the `$root` instance in Vue.js 3 setup() function

In creating a loop, ensure that it skips over items when a file is not found, but breaks in the event of any other errors

How can I modify the date format using the Google Ajax Feed API?

Learn to save Canvas graphics as an image file with the powerful combination of fabric.js and React

What could be the reason for the failure of the async await implementation in this particular code sample?

The puzzling case of Java 8 arrays: why do empty arrays have a length of 1?

Eliminating the table header in the absence of any rows

Avoid activating jQuery functions based on certain screen widths for menu/navigation system

Localizing Dates in JavaScript

What reasons might lead an object to be passed to a view as the exact term 'object' in Express.js?

The IsArray() function in IE8 encounters an issue where it expects an error object

Is it possible to integrate ng-repeat with ng-model in Angular?

Vue fails to reflect changes in data when it is updated

The Express server's `GET` request at the root does not seem

Using an array as a parameter in a function call

Encountering an error saying "Cannot read property 'x' of null when using Google Charts LineChart"

individualized django models field for each user

How can I retrieve the identifier in Socket.io?