如何過濾數組並使用特定對象鍵創建新數組

Question

我有一個包含對象的數組，並且在每個對象中都有一個“項目”數組。 我的目標是將這些“項目”組合成一個數組。

目標/預期產出

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

樣本數組

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

Answer 1

你可以使用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);

Answer 2

vanilla JS 中的單行（早於 EMCAScript 2019，flatMap 不可用，所以在這種情況下......）

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

Answer 3

像這樣的東西？

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)