Filtering array of objects based on value

Question

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?

Jared Smith · Accepted Answer · 2016-06-13 00:53:45Z

5

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; 
  });
});

edited Jun 13, 2016 at 0:53

answered Jun 12, 2016 at 23:57

Jared Smith

22.3k5 gold badges50 silver badges98 bronze badges

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

1 Comment

1983 Over a year ago

Maybe include an ES5 version, to match the OP's code.

nnnnnn · Accepted Answer · 2016-06-12 23:59:18Z

3

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);

answered Jun 12, 2016 at 23:59

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Comments

charlietfl · Accepted Answer · 2016-06-12 23:59:28Z

3

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;
     });
});

answered Jun 12, 2016 at 23:59

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

Filtering array of objects based on value

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related