如何在 Angular 中將對象數組轉換為數組數組？

Question

[[{ id: 26, type: "Source", name: "Email" }], [{ id: 27, type: "Source", name: "Id" }, { id: 29, type: "Divider", name: "+" }, { id: 30, type: "Source", name: "SupplierId" }], [{ id: 28, type: "Source", name: "CommunityId" }]

如何將上面的對象數組轉換為這樣的數組數組，其中“名稱”被挑出？

[["Email"],["Id","+", "SupplierId"],["CommunityId"]]

我已經嘗試像這樣映射它：

this.exportColumns = columns.flatMap(obj => obj.sourceColumn).map(obj => obj?.name);

但我得到了這個結果：

[ "Email", "Id", "+", "SupplierId", "CommunityId" ]

Answer 1

在第一層數組中使用第二張地圖

data.map(item => item.map(i => i.name));

Answer 2

這是我實現輸出的方法。

 const d = [ [{ id: 26, type: "Source", name: "Email" }], [{ id: 27, type: "Source", name: "Id" }, { id: 29, type: "Divider", name: "+" }, { id: 30, type: "Source", name: "SupplierId" }], [{ id: 28, type: "Source", name: "CommunityId" }] ] const newArr = d.reduce((prev, curr) => { if(Array.isArray(curr)) { prev.push(curr.map((p) => p.name)) } else { prev.push(curr.name) // or use this if you want array // prev.push([curr.name]) } return prev; }, []) console.log(newArr)