javascript - 将数组的项合并为单个对象

Question

我有一个或多个对象数组，每个对象都有两个属性，其中一个是数组。所以它看起来像这样:

[
 [{
   name: 'Object1',
   items: ['item1', 'item2', 'item3']
 }],
 [{
   name: 'Object2',
   items: ['item4', 'item5', 'item6']
 }],
 [{
   name: 'Object3',
   items: ['item7', 'item8', 'item9']
 }]

]

我想要做的是使所有项目都存储到对象1中。基本上，这就是我想要的样子:

[
 {
   name: 'Object1',
   items: ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7', 'item8', 'item9']
 }
]

我想我可以创建一个新对象并映射每个项目，然后将它们连接起来，但我正在寻找一种更有效的方法来做到这一点。完成此任务的最佳方法是什么？

Answer 1

您可以使用Array.flatMap()至 destructuring获取单个数组中的所有项目。然后将该数组分配给 items 属性。

注意:IE 和 Edge 不支持 Array.flatMap()。

const arr = [[{"name":"Object1","items":["item1","item2","item3"]}],[{"name":"Object2","items":["item4","item5","item6"]}],[{"name":"Object3","items":["item7","item8","item9"]}]];

const result = [{
  name: 'Object1',
  items: arr.flatMap(([o]) => o.items)
}];

console.log(result);