Javascript 两个对象数组根据相同的id进行合并

南桥几许

于 2022-12-19 12:11:41 发布

阅读量2.4k

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/z17864151193/article/details/128371093

版权

js 专栏收录该内容

13 篇文章

订阅专栏

这篇博客探讨了两种JavaScript数组合并的方法，一种是使用reduce方法结合Object.assign，另一种是使用map方法遍历并合并对象。这两种技巧在处理具有相同标识符的数组元素时尤其有用，可以将对象属性合并到一起。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var arr2 = [{ id: 1, name: '小明' }, { id: 2, name: '卢本伟' }, { id: 3, name: 'PDD' }, { id: 4, name: '大司马' }]
var arr1 = [{ id: 1, car: '奔驰' }, { id: 2, car: '宝马' }, { id: 3, car: '劳斯' }, { id: 4, car: '大众' }]
// 方法如下
const combined = arr1.reduce((acc, cur) => {
    const target = acc.find(e => e.id === cur.id);
    if (target) {
        Object.assign(target, cur);
    } else {
        acc.push(cur);
    }
    return acc;
}, arr2);
console.log(combined)

arrMerge (arr1, arr2, key) {
  const combined = arr1.map((item1) => {
    arr2.map((item2) => {
      if (item1[key] === item2[key]) {
        Object.assign(item1, item2)
      }
    })
    return item1
  })
  return combined
}