如何在 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)