Search for an object in an array using filtering object as a parameter

Question

What's the most efficient way to search for object in an array using another object (not a function).

In javascript there is an array method .find() that accepts a callback to seek an item. How to create a similar function that accepts an object representing an object I want to find (that satisfies provided key-value conditions)? For example:

const array = [
   {
       param1: 'abc',
       param2: 'def',
       param3: 123,
   },
   {
       param1: 'test',
       param2: 'test2',
       param3: 321,
   },
   {
       param1: 'zzz',
       param2: 'test2',
       param3: 333,
   }
]

findInArray(array, {
   param1: 'test',
   param2: 'test2'
}) // must return 2nd object in an array

Anurag Srivastava · Accepted Answer · 2022-02-10 16:37:56Z

1

You can combine Array.find() with a loop that iterates over your query object's keys:

const array = [{
    param1: 'abc',
    param2: 'def',
    param3: 123,
  },
  {
    param1: 'test',
    param2: 'test2',
    param3: 321,
  },
  {
    param1: 'zzz',
    param2: 'test2',
    param3: 333,
  }
]
, findInArray = (arr, query) => 
  arr.find(el => {
    let result = true
    for(const key in query){
      if(el[key] !== query[key]){
        result = false
        break
      }
    }
    return result
  })

console.log(findInArray(array, {
  param1: 'test',
  param2: 'test2'
}))

console.log(findInArray(array, {
  param1: 'abc',
  param3: 123
}))

console.log(findInArray(array, {
  param1: 'abc',
  param2: 'abc',
  param3: 123
}))

answered Feb 10, 2022 at 16:37

Anurag Srivastava

14.5k4 gold badges39 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Denys Rybkin Over a year ago

Thx, this answer is more suitable for me

nermineslimane · Accepted Answer · 2022-02-10 16:37:30Z

1

Try this code, you can define your filter and loop on the array to find your desired item .

var filter = {
   param1: 'test',
   param2: 'test2'
};
const array = [
   {
       param1: 'abc',
       param2: 'def',
       param3: 123,
   },
   {
       param1: 'test',
       param2: 'test2',
       param3: 321,
   },
   {
       param1: 'zzz',
       param2: 'test2',
       param3: 333,
   }
]

item = array.filter(function(item) {
  for (var key in filter) {
    if (item[key] === undefined || item[key] != filter[key])
      return false;
  }
  return true;
});

console.log(item)

answered Feb 10, 2022 at 16:37

nermineslimane

6365 silver badges21 bronze badges

Collectives™ on Stack Overflow

Search for an object in an array using filtering object as a parameter

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related