VUE 如何获取数组中的对象中的所有数组对象

Answer 1

在Vue中，处理数组内的对象数组时，需将目标对象提取为单一数组。例如，假设你有一个包含目标对象的数组如下：

targets: [

{ _id: '1', foo: [bar] },

{ _id: '2', foo: [bar] },

{ _id: '3', foo: [bar] },

{ _id: '4', foo: [bar] } ]

如果直接使用map()函数，会生成嵌套数组，如：

[ [ { _id: '1', foo: [bar] } ] ]

要获取所有目标对象为单一数组，可以采用reduce()或concat(...数组映射)方法：

正确方法1：使用reduce：

var result = arr.reduce((a, o) => a.concat(o.target), []);

正确方法2：使用concat(...数组映射)：

let result = [].concat(...arr.map(o => o.target));

这样，你就能成功地将目标对象提取为单一数组，进行后续操作。