js数组里面放数组对象怎么把数组对象合并起来?

1.可以使用数组的 reduce 方法来实现将数组对象合并的操作。具体实现方式如下:

图片[1]-js数组里面放数组对象怎么把数组对象合并起来?-云言博客

const arr = [
  [{ name: 'Tom', age: 20 }, { name: 'Mary', age: 22 }],
  [{ name: 'John', age: 25 }, { name: 'Lisa', age: 30 }]
];

const result = arr.reduce((prev, current) => {
  return prev.concat(current);
}, []);

console.log(result);
// Output: [{ name: 'Tom', age: 20 }, { name: 'Mary', age: 22 }, { name: 'John', age: 25 }, { name: 'Lisa', age: 30 }]

在这个例子中,我们使用 reduce 方法来将数组对象 arr 中的每一个子数组合并成一个新的数组。在 reduce 方法的回调函数中,我们使用 concat 方法将前面的数组(即 prev)和当前的子数组(即 current)合并成一个新的数组,然后返回这个新数组。在最后,reduce 方法会返回合并后的最终数组。

 

 

2.需要注意的是,如果子数组中的元素不是对象,而是普通值,那么可以使用 concat 方法直接将两个数组合并,而不需要使用 reduce 方法。例如:

const arr = [[1, 2], [3, 4]];
const result = arr.reduce((prev, current) => prev.concat(current), []);
console.log(result); // Output: [1, 2, 3, 4]

 

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!评论后一分钟后可见哦~~~
提交
头像

昵称

取消
昵称表情

    暂无评论内容