How to filter array of objects by values in javascript?

Question

So, i'm having the filtered ids in one array and having the all data's in another array of objects. I want to display filtered ids values mentioned in array of value.

var allData = [
    {
      id:'10',
      name:'jhon'
    },
    {
      id:'11',
      name:'lewis'
    },
    {
      id:'12',
      name:'taylor'
    },
    {
      id:'13',
      name:'adam'
    },
    {
      id:'14',
      name:'bolive'
    }
];

var addedIds = ['10', '12', '14'];

My javascript code,

allData.filter(data, function (item) {
    item.map(function(list, i) {
        if (list.id.indexOf(addedIds[i]) === -1) {
            return;
        }
        console.log(list);
    });
});

what do you think this addedIds[i] does, and why do you think i is a relevant index in this context? — njzk2
– njzk2, Commented Oct 26, 2016 at 13:43
To clarify you want to output the name of each id listed on addedIds ? — DaniP
– DaniP, Commented Oct 26, 2016 at 13:43
my result should be like this, [{id:"10",name:'jhon' }, {id:"12",name:'taylor' }, {id:"14",name:'bolive' }] — Sathya
– Sathya, Commented Oct 26, 2016 at 13:46
your filter callback function should return true when a given record should be in the resulting array — William B
– William B, Commented Oct 26, 2016 at 13:47

IMTheNachoMan · Accepted Answer · 2016-10-26 13:45:34Z

7

How about this?

Array.prototype.filter only expects one parameter: a function that is passed every item in the array and returns true or false depending on if that item should be included in the filter or not.

You can use Array.prototype.indexOf to see if a string is in an array.

var allData = [{
  id: '10',
  name: 'jhon'
}, {
  id: '11',
  name: 'lewis'
}, {
  id: '12',
  name: 'taylor'
}, {
  id: '13',
  name: 'adam'
}, {
  id: '14',
  name: 'bolive'
}];

var addedIds = ['10', '12', '14'];

var filteredData = allData.filter(function(item) {
  return addedIds.indexOf(item.id) != -1;
});

console.log(filteredData);

answered Oct 26, 2016 at 13:45

IMTheNachoMan

5,9336 gold badges61 silver badges116 bronze badges

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

Comments

BrTkCa · Accepted Answer · 2016-10-26 13:45:48Z

4

var allData = [
    {
      id:'10',
      name:'jhon'
    },
    {
      id:'11',
      name:'lewis'
    },
    {
      id:'12',
      name:'taylor'
    },
    {
      id:'13',
      name:'adam'
    },
    {
      id:'14',
      name:'bolive'
    }
];

var addedIds = ['10', '12', '14'];

var allData = allData.filter(function (item) {   
    if (addedIds.indexOf(item.id) !== -1) return item;
});

console.log(allData);

answered Oct 26, 2016 at 13:45

BrTkCa

4,7894 gold badges28 silver badges46 bronze badges

4 Comments

Sathya Over a year ago

Also how i can achieve filter search by keys? The search can be filter by key id or key name.

BrTkCa Over a year ago

Yes, it's possible. In this case, only indexOf require array, not array of objects.

Sathya Over a year ago

Is this correct? var allData = allData.filter(function (item) { if ($('input').val().indexOf(item.id) !== -1 || $('input').val().indexOf(item. name) !== -1) return item; });

BrTkCa Over a year ago

I think this do not works, because $('input').val() can returns objects and not array. But, I'm not sure about that.

chanoto89 · Accepted Answer · 2016-10-26 13:47:45Z

1

var allData = [
{
  id:'10',
  name:'jhon'
},
{
  id:'11',
  name:'lewis'
},
{
  id:'12',
  name:'taylor'
},
{
  id:'13',
  name:'adam'
},
{
  id:'14',
  name:'bolive'
}
];

var addedIds = ['10', '12', '14'];

var filteredValues = allData.filter(x => addedIds.indexOf(x.id) !== -1);
console.log(filteredValues);

answered Oct 26, 2016 at 13:47

chanoto89

2411 silver badge5 bronze badges

Comments

David Garwin · Accepted Answer · 2016-10-26 13:56:15Z

var allData = [{
  id: '10',
  name: 'jhon'
}, {
  id: '11',
  name: 'lewis'
}, {
  id: '12',
  name: 'taylor'
}, {
  id: '13',
  name: 'adam'
}, {
  id: '14',
  name: 'bolive'
}];

var addedIds = ['10', '12', '14'];
var addedIdsSet = new Set(addedIds);
var result = allData.filter(e => addedIdsSet.has(e.id));
console.log(result)

I personally like turning arrays of Ids into a Set, and moving from there:

var addedIdsSet = new Set(addedIds);

Then the rest is a matter of filtering (like you tried) using the set:

console.log(allData.filter(x => addedIdsSet.has(x.id)))

Note: Using a Set is only really necessary if you have a large list of Ids and want to squeeze out some performance, as this will drop complexity from O(n^2) to O(n), where n is the number of elements in allData. Regardless, I like using a Set anyway because the code ends up looking cleaner too!

Ionut Necula · Accepted Answer · 2016-10-26 13:50:51Z

0

You can do it like this:

var allData = [
    {
      id:'10',
      name:'jhon'
    },
    {
      id:'11',
      name:'lewis'
    },
    {
      id:'12',
      name:'taylor'
    },
    {
      id:'13',
      name:'adam'
    },
    {
      id:'14',
      name:'bolive'
    }
];

var addedIds = ['10', '12', '14'];

var filtered_results = [];

allData.filter(function (item) {
  for(var k in addedIds){
      if(item.id === addedIds[k]){
          filtered_results.push(item);
      }
  }
});
console.log(filtered_results);

answered Oct 26, 2016 at 13:50

Ionut Necula

11.6k4 gold badges49 silver badges72 bronze badges

Collectives™ on Stack Overflow

How to filter array of objects by values in javascript?

5 Answers 5

Comments

4 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related