如何使用find方法移除对象数组重复元素并实现数组合并去重？

原代码的问题 #

• find方法使用错误：find的回调需要返回布尔值来匹配目标元素，你直接在回调里执行push操作，逻辑完全混乱
• 会重复添加元素：只要arr里有一个元素和当前元素的obj不等就push，导致同一个元素被多次添加
• 无意义修改元素值：不该给obj值额外添加|符号

正确实现代码 #

let arr = [{obj: "ABC"},{obj: "XYZ"},{obj: "LMN"}]
const arr2 = [{obj: "ABC"},{obj: "MNO"}]

arr2.forEach(item => {
  // 用find检查arr中是否已存在obj值相同的元素
  const duplicateItem = arr.find(existing => existing.obj === item.obj);
  // 不存在重复就推入arr
  if (!duplicateItem) {
    arr.push(item);
  }
});

console.log(arr);
// 输出结果: [{obj: "ABC"},{obj: "XYZ"},{obj: "LMN"},{obj: "MNO"}]

补充说明 #

• find会返回数组中第一个匹配条件的元素，找不到则返回undefined，因此用!duplicateItem判断是否需要添加新元素
• 如果担心对象引用问题（比如后续修改arr2的元素会影响arr），可以改成深拷贝后再推入：arr.push({...item});

内容的提问来源于stack exchange，提问作者Uddesh Tidke