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

Error occurs when attempting to change the color of a dynamically generated div, resulting in the message: "Type Error: Unable to assign a value to the property '

Issue with Next.js: Callback function not being executed upon form submission

JavaScript if else statement with 3 different scenarios

Utilizing window.location.pathname in Next.js for precise targeting

Is it possible to list bash/sh files as dependencies in package.json?

Running two servers at the same time using nodemon might seem complex, but it

Issue with marker functionality on Google Maps JavaScript API when conditions are not functioning correctly

Creating an AJAX URL in an external JavaScript file within a Django project

Sending data from an AJAX POST request to a Grails Controller

Guide on utilizing exported API endpoint in Node and Express

When invoking a native prototype method, consider extending or inheriting object prototypes for added functionality

There was an issue retrieving the value from the $.ajax() error function, as it returned [

Is there a way to dim and deactivate a button after it has been clicked once?

Guide on how to restrict specific days and dates in MUI React datepicker using a JSON array

Preventing Angular $rootElement.on('click') from affecting ReactJS anchor tag interactions

I am looking to integrate my information into the user interface using Angular

Retrieve an array from the success function of a jQuery AJAX call

Issue with ESLint arises following the installation of npm create-react-app package

I must add and display a tab for permissions

Ways to verify if two items within a collection of objects share a common value in MongoDB