Use the filter method to sort through an array of objects by using another array

Question

Use the filter method to sort through an array of objects by using another array

I need to filter an array using two criteria: one is straightforward (==1) and the other involves an array. In this example, I want to filter where level = 0 or name includes ['B','S'].

[
{id: 1, level: 0, name: 'A'},
{id: 2, level: 1, name: 'B'},
{id: 3, level: 1, name: 'S'},
{id: 4, level: 0, name: 'A'},
{id: 5, level: 0, name: 'S'},
{id: 6, level: 1, name: 'A'},
{id: 7, level: 0, name: 'B'}, ]

Therefore, the desired result would be:

[
{id: 1, level: 0, name: 'A'},
{id: 2, level: 1, name: 'B'},
{id: 3, level: 1, name: 'S'},
{id: 4, level: 0, name: 'A'},
{id: 5, level: 0, name: 'S'},
{id: 7, level: 0, name: 'B'}, ]

Due to limitations with ecmaScript-5, I am unable to use .includes which could have been helpful in this case.

Furthermore, I prefer to utilize the .filter function. Any suggestions on how to achieve this?

Thank you.

javascript arrays ecmascript-5

Answer 1

Answer №1

If you're working with ecmaScript-5, here's a neat trick:

var data = [{ id: 1, level: 0, name: 'A' },{ id: 2, level: 1, name: 'B' },{ id: 3, level: 1, name: 'S' },{ id: 4, level: 0, name: 'A' },{ id: 5, level: 0, name: 'S' },{ id: 6, level: 1, name: 'A' },{ id: 7, level: 0, name: 'B' },]

var filteredData = data.filter(function (item) {
  return item.level === 1 || ['B', 'S'].indexOf(item.name) > -1;
})


console.log(filteredData)

Answer 2

If you're working with ecmaScript-5, here's a neat trick:

var data = [{ id: 1, level: 0, name: 'A' },{ id: 2, level: 1, name: 'B' },{ id: 3, level: 1, name: 'S' },{ id: 4, level: 0, name: 'A' },{ id: 5, level: 0, name: 'S' },{ id: 6, level: 1, name: 'A' },{ id: 7, level: 0, name: 'B' },]

var filteredData = data.filter(function (item) {
  return item.level === 1 || ['B', 'S'].indexOf(item.name) > -1;
})


console.log(filteredData)

Answer 3

Answer №2

A straightforward method to achieve this would be to use a simple loop to push the matching items into a new array that contains only the desired items.

Instead of opting for fancier methods, I chose to stick with the traditional approach using 'var' and 'forEach' to meet your requirement for ECMAScript 5 compatibility.

var arr = [
{id: 1, level: 0, name: 'A'},
{id: 2, level: 1, name: 'B'},
{id: 3, level: 1, name: 'S'},
{id: 4, level: 0, name: 'A'},
{id: 5, level: 0, name: 'S'},
{id: 6, level: 1, name: 'A'},
{id: 7, level: 0, name: 'B'}, ]

var newArr = [];

arr.forEach(function(item) {
  if(item.level === 1 || (item.name === 'A' || item.name ==='B')) {
   newArr.push(item)
  }
})


console.log(newArr);

//output:[
  //{id: 1,level: 0, name": "A"},
  //{id: 2, level: 1, name: "B"},
  //{id: 3, level: 1, name: "S"},
  //{id: 4, level: 0, name: "A"},
  //{id: 6, level: 1, name: "A"},
  //{id: 7, level: 0, name: "B"}]

Answer 4

A straightforward method to achieve this would be to use a simple loop to push the matching items into a new array that contains only the desired items.

Instead of opting for fancier methods, I chose to stick with the traditional approach using 'var' and 'forEach' to meet your requirement for ECMAScript 5 compatibility.

var arr = [
{id: 1, level: 0, name: 'A'},
{id: 2, level: 1, name: 'B'},
{id: 3, level: 1, name: 'S'},
{id: 4, level: 0, name: 'A'},
{id: 5, level: 0, name: 'S'},
{id: 6, level: 1, name: 'A'},
{id: 7, level: 0, name: 'B'}, ]

var newArr = [];

arr.forEach(function(item) {
  if(item.level === 1 || (item.name === 'A' || item.name ==='B')) {
   newArr.push(item)
  }
})


console.log(newArr);

//output:[
  //{id: 1,level: 0, name": "A"},
  //{id: 2, level: 1, name: "B"},
  //{id: 3, level: 1, name: "S"},
  //{id: 4, level: 0, name: "A"},
  //{id: 6, level: 1, name: "A"},
  //{id: 7, level: 0, name: "B"}]

Answer 5

Answer №3

let data = [
  { id: 1, level: 0, name: 'A' },
  { id: 2, level: 1, name: 'B' },
  { id: 3, level: 1, name: 'S' },
  { id: 4, level: 0, name: 'A' },
  { id: 5, level: 0, name: 'S' },
  { id: 6, level: 1, name: 'A' },
  { id: 7, level: 0, name: 'B' },
];

let newData = data.filter(
  element => element.level === 0 || element.name === 'B' || element.name === 'S'
);

console.log(newData);

Answer 6

let data = [
  { id: 1, level: 0, name: 'A' },
  { id: 2, level: 1, name: 'B' },
  { id: 3, level: 1, name: 'S' },
  { id: 4, level: 0, name: 'A' },
  { id: 5, level: 0, name: 'S' },
  { id: 6, level: 1, name: 'A' },
  { id: 7, level: 0, name: 'B' },
];

let newData = data.filter(
  element => element.level === 0 || element.name === 'B' || element.name === 'S'
);

console.log(newData);

Answer 7

Answer №4

To efficiently filter an array based on specific criteria, you can leverage the powerful combination of the Array.prototype.filter() method and the Array.prototype.indexOf() method:

const data = [
  {id: 1, level: 0, name: 'X'},
  {id: 2, level: 1, name: 'Y'},
  {id: 3, level: 1, name: 'Z'},
  {id: 4, level: 0, name: 'X'},
  {id: 5, level: 0, name: 'Z'},
  {id: 6, level: 1, name: 'X'},
  {id: 7, level: 0, name: 'Y'},
];

var criteria = ['Y', 'Z'];

var filteredResult = data.filter(item => item.level === 0 || criteria.indexOf(item.name) !== -1);

console.log(filteredResult)

Answer 8

To efficiently filter an array based on specific criteria, you can leverage the powerful combination of the Array.prototype.filter() method and the Array.prototype.indexOf() method:

const data = [
  {id: 1, level: 0, name: 'X'},
  {id: 2, level: 1, name: 'Y'},
  {id: 3, level: 1, name: 'Z'},
  {id: 4, level: 0, name: 'X'},
  {id: 5, level: 0, name: 'Z'},
  {id: 6, level: 1, name: 'X'},
  {id: 7, level: 0, name: 'Y'},
];

var criteria = ['Y', 'Z'];

var filteredResult = data.filter(item => item.level === 0 || criteria.indexOf(item.name) !== -1);

console.log(filteredResult)

Use the filter method to sort through an array of objects by using another array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Client-side filtering of jqGrid with multiple conditions

issue with mongoose virtual populate (unable to retrieve populated field)

What are the steps to effectively utilize data retrieved from readFragment using Apollo?

Delaying loops with JQuery Ajax

"JQuery was unable to retrieve the JSON data as it

Show notifications after being redirected to a new page

Efficient search operations in a 2D matrix in C++

What is the process for making a POST request with the Google Chrome Puppeteer library?

Breaking circular dependencies in JavaScript is a common challenge that developers face when

Immediate family members nearby are not an option. We will have to create the form dynamically

Accessing/Storing Pictures in MongoDB using Mongoose

Using Javascript to open a PDF in a new tab directly from a byte array

Using jQuery to include the value of an array index in the output

What is the method for combining two box geometries together?

The switch switches on yet another switch

How can I implement a redirect function for Carousel image clicks in a React project?

Developing two-dimensional arrays within PL/SQL codebases

Are there any resources available for optimizing performance on iOS and Android browsers?

Execute a function that handles errors

A helpful tip on incorporating Snack Bar Material UI within an if statement