如何從多維數組中提取值以形成另一個數組？

Question

所以我有一個包含4個值的數組：項目，類別，已檢查，數字：

var MyArray = [
["coke", "beverages", "checked", 000],
["baguette", "bread", "checked", 001],
["water", "beverages", "checked", 000],
["pepsi", "beverages", "checked", 000],
["wholemeal", "bread", "checked", 001],
...
]

我如何制作更多數組來對它們進行如下分類：

var beverages = ["coke", "pepsi", "water"]; // more drinks from above array...
var bread = ["baguette", "wholemeal"]; // more types of bread from above array...

任何幫助，將不勝感激，謝謝！

Answer 1

您可以使用reduce將項目分組。 使用每種食物作為關鍵字創建一個累加器對象。 Destructure每個內部數組以獲得第一項和第二項。

 var MyArray = [ ["coke", "beverages", "checked", 000], ["baguette", "bread", "checked", 001], ["water", "beverages", "checked", 000], ["pepsi", "beverages", "checked", 000], ["wholemeal", "bread", "checked", 001], ] const grouped = MyArray.reduce((r, [item, type]) => { r[type] = r[type] || []; r[type].push(item) return r; }, {}) const { bread, beverages } = grouped console.log(bread, beverages) 

這就是grouped對象的外觀。 您可以使用去屑獲得更多種類的食物

{
  "beverages": [ "coke", "water", "pepsi" ],
  "bread": [ "baguette", "wholemeal" ]
}

Answer 2

可能是這樣的：

var beverages = MyArray.map(data =>  data[0])
var bread = MyArray.map(data =>  data[1]);

等等。