Filtering array of objects based on value

Is there a way to filter an array of objects by a particular value that could be in any property?

Let's say I have this object:

var x = [
    {
        name: "one",
        swp: "two"
    },
    {
        name: "two",
        swp: "three"
    },
    {
        name: "aa",
        swp: "bb"
    }
];

With Array.prototype.filter I might do

x.filter(function(y){ return y.name == "two"; });

However this would return only one out of the two objects that have "two" as a value in any of their properties.

Whereas

function findValue( value ) {
  var y = [];
  for (obj in x) {
    for (val in x[obj]) {
      if (x[obj][val].match( value )) {
        y.push(x[obj]);
      }
    }
  }
  return y;
}

does the job, but is a brute force approach. Is there a better way to achieve the same result?

Answers:

Answer
var arrOfObj = []; // objects you're sifting
var prop = 'whatever';

var matches = arrOfObj.filter(obj => Object.keys(obj).some(k => obj[k] === prop));

You want a combination of Array.prototype.filter and Array.prototype.some which returns a boolean if any of the elements of the array match the condition, it also stops iterating the array (in this case the keys of each object) as soon as it finds a match. If you need cross-browser support (and for some reason aren't using babel) the ES 5 version of the above is

var arrOfObj = []; // objects you're sifting
var prop = 'whatever';

var matches = arrOfObj.filter(function(obj) { 
  return Object.keys(obj).some(function(k) { 
    return obj[k] === prop; 
  });
});
Answer

Well the obvious thing is to combine your for..in loop with your .filter() function:

var x = [{name: "one", swp: "two"}, {name: "two", swp: "three"}, { name: "aa", swp: "bb"}];

var filtered = x.filter(function(v) {
  for (var k in v)
    if (v[k] === "two") return true;
});
console.log(filtered);

Answer

use an inner loop method to check individual property values

var val ="one";
var res = x.filter(function(item){
     return Object.keys(item).some(function(prop){
         return item[prop] === val;
     });
});

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.