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

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

// 原数组
let arr1 = [
    { id: 1, name: "独行月球", price: 30 },
    { id: 2, name: "满江红", price: 35 },
];
let arr1Set = new Set(arr1.map((item) => item.id)); // 转换为Set
// 新数组
let arr2 = [
    { id: 1, name: "这个杀手不太冷", price: 30 },
    { id: 2, name: "满江红", price: 60 },
];
let arr2Map = new Map(arr2.map((item) => [item.id, item]));
let newArr = arr1.map((item) => {
    // 实现覆盖
    if (arr2Map.has(item.id)) {
        return { ...item, ...arr2Map.get(item.id) };
    }
    return { ...item };
}).concat(...arr2.filetr((item) => !arr1Set.has(item.id)));// 拼接多的部分,即没覆盖的部分
// 去重
let uniqueArr = Array.from(new Set(newArr.map((item) => item.id))).map((id) => {
    return newArr.find((item) => item.id === id);
});
console.log(uniqueArr);
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值