CODEWITHSUNDEEP
javascriptarraysreactjsecmascript-6
Michael
Michael

Reputation: 443

How to filter array and create new array with specific object keys

I have an array with objects and in each object there is an "items" array. My goal is to combine these "items" into one array.

Goal / Expected Output

[
   { id: 'SUV' },
   { id: 'Compact' },
   { id: 'Gasoline' },
   { id: 'Hybrid' }
]

Sample Array

[
{
  "id":"carType",
  "items":[
     {
        "id":"SUV"
     },
     {
        "id":"Compact"
     }
  ]
},
{
  "id":"fuelType",
  "items":[
     {
        "id":"Gasoline"
     },
     {
        "id":"Hybrid"
     }
  ]
  }
]

Upvotes: 1

Views: 127

Answers (3)

geofh
geofh

Reputation: 605

A one-liner in vanilla JS (earlier than EMCAScript 2019, flatMap is not available, so in case of that...)

[].concat(...arr.map(elt => elt.items))

Upvotes: 3

Coupe
Coupe

Reputation: 372

Something like this?

newArr = []
for (let i = 0;i<arr.length;i++) {
  for (let ii = 0;ii<arr[i].items.length;ii++) {
    newArr.push(arr[i].items[ii].id)
  }
}
console.log(newArr)

Upvotes: 0

kind user
kind user

Reputation: 41893

You could use Array#flatMap.

const data = [{"id":"carType","items":[{"id":"SUV"},{"id":"Compact"}]},{"id":"fuelType","items":[{"id":"Gasoline"},{"id":"Hybrid"}]}];

const r = data.flatMap(({ items }) => items);

console.log(r);

Upvotes: 5

Related Questions