arraysobjectfiltermethodsarrayobject

How to filter array object from another array object?

I want to make another array object from an array object, suppose I fetched a huge data from an api but I need only particular elements from that object. Exampl:-

const mainArray = [
   {id: 1, name: 'John', age: 10},
   {id: 2, name: 'Mark', age: 14},
   {id: 3, name: 'Kevin', age: 15},
   {id: 4, name: 'Julie', age: 16},
   {id: 5, name: 'Liz', age: 10},
   {id: 5, name: 'Emma', age: 11},
   {id: 6, name: 'Robert', age: 13},
]

So suppose we have a huge list now I only want Kevin, Emma & Mark to display, for that I need an array of them like this:-

const specialKids = [
    {id: 2, name: 'Mark', age: 14},
    {id: 3, name: 'Kevin', age: 15},
    {id: 5, name: 'Emma', age: 11},
 ]

How can I achieve that ?

Solution

  • To do this you can use the filter method of JS. Documentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter?retiredLocale=de

    in your case something like this should be enough:

    let specialKids[];

specialKids = mainArray.filter(item => item.name === "Mark" || item.name === "Kevin" || item.name === "Emma")