JS实现两个数组对象，重复的属性覆盖，不重复的添加

原创

已于 2024-06-18 11:37:40 修改 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-05-24 17:01:19 首次发布

两个数组对象合并，相同的对象覆盖成最新的，不相同的合并并去重

let arr1 = [
{ id: 1, name: '蓝莓', price: 10 },
{ id: 2, name: '樱桃', price: 35 },
{ id: 3, name: '葡萄', price: 10 },
{ id: 4, name: '西瓜', price: 35 },
]
let arr2 = [
{ id: 1, num: 1 },
{ id: 2, num: 3 },
]

合并结果：

// 原数组
    let arr1 = [
      { id: 1, name: '蓝莓', price: 10 },
      { id: 2, name: '樱桃', price: 35 },
      { id: 3, name: '葡萄', price: 10 },
      { id: 4, name: '西瓜', price: 35 },
    ]
    let arr1Set = new Set(arr1.map((item) => item.id)) // 转换为Set