Filter javascript objects with another array

Question

I have Javascript array of objets like this

var posts = [
 {area: 'NY', name: 'Bla', ads: true},
 {area: 'DF', name: 'SFS', ads: false},
 {area: 'TT', name: 'SDSD', ads: true},
 {area: 'SD', name: 'Engine', ads: false},
 {area: 'NSK', name: 'Toyota', ads: false},
];

and another filter collection like this

var filter = ['NY', 'SD'];

I am trying to filter my posts array with this filter

function filtered() {
  return posts
     .filter(function(post){
        return post.ads === true;
     })
     .filter(function(post){
        return filter.indexOf(post.area) > 0;
     })
}

console.log(filtered());

and this filter gives nothing, just empty array

Please check jsfiddle

Pranav C Balan · Accepted Answer · 2016-10-17 09:14:12Z

3

There is only need single Array#filter method and the second condition should be indexOf(post.area) > -1; since index starts from 0 .

var posts = [
 {area: 'NY', name: 'Bla', ads: true},
 {area: 'DF', name: 'SFS', ads: false},
 {area: 'TT', name: 'SDSD', ads: true},
 {area: 'SD', name: 'Engine', ads: false},
 {area: 'NSK', name: 'Toyota', ads: false},
];
  
var filter = ['NY', 'SD'];

function filtered(p, f) {
  return p
    .filter(function(v) {
      return v.ads && f.indexOf(v.area) > -1;
    })
}

console.log(filtered(posts, filter));

edited Oct 17, 2016 at 9:14

answered Oct 17, 2016 at 9:09

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

Comments

Redu · Accepted Answer · 2016-10-17 09:44:34Z

2

This is a typical use case for Array.prototype.filter() and Array.prototype.some() combo.

var posts = [
 {area: 'NY', name: 'Bla', ads: true},
 {area: 'DF', name: 'SFS', ads: false},
 {area: 'TT', name: 'SDSD', ads: true},
 {area: 'SD', name: 'Engine', ads: false},
 {area: 'NSK', name: 'Toyota', ads: false},
],
  filter = ['NY', 'SD'];
  result = posts.filter(o => filter.some(f => o.ads && f === o.area));
console.log(result);

// or with filter & includes combo

  result = posts.filter(o => o.ads &&  filter.includes(o.area));
console.log(result);

edited Oct 17, 2016 at 9:44

answered Oct 17, 2016 at 9:33

Redu

26.3k6 gold badges61 silver badges84 bronze badges

Comments

Nina Scholz · Accepted Answer · 2016-10-17 09:39:11Z

0

You could use a more generic solution with constraints for filtering.

function filter(array, constraints) {
    return array.filter(function(a) {
        return Object.keys(constraints).every(function(k) {
            return typeof constraints[k] === 'function' ? constraints[k](a[k]) : a[k] === constraints[k] ;
        });
    });
}

var posts = [{ area: 'NY', name: 'Bla', ads: true }, { rea: 'DF', name: 'SFS', ads: false }, { area: 'TT', name: 'SDSD', ads: true }, { rea: 'SD', name: 'Engine', ads: false }, { area: 'NSK', ame: 'Toyota', ads: false }],
    result = filter(posts, {
        ads: true,
        area: function (v) { return ['NY', 'SD'].indexOf(v) !== -1; }
    });

console.log(result);

edited Oct 17, 2016 at 9:39

answered Oct 17, 2016 at 9:24

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Filter javascript objects with another array

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related