JavaScript中移除数组arr1与arr2重复对象的实现问题求助

哦，这个坑我之前踩过！你原来的代码没起作用，核心原因是对象是引用类型——indexOf()判断的是两个值是否指向内存中的同一个对象，而不是它们的内容是否一致。哪怕arr1和arr2里的对象看起来完全一样，它们也是两个独立的实例，所以arr2.indexOf(val)永远返回-1，过滤等于没执行。

正确的解决方案 #

这里给你几种靠谱的实现方式，优先用第一种（基于唯一ID判断，最简洁高效）：

方法1：用filter + some 根据唯一标识匹配 #

因为你的对象里有id这个唯一标识，直接用它来判断是最稳妥的：

arr1 = arr1.filter(val => !arr2.some(item => item.id === val.id));

原理：遍历arr1的每个元素，检查arr2中是否存在id相同的元素；如果不存在（!some(...)为true），就保留这个元素。

方法2：多属性全匹配（适用于无唯一ID的场景） #

如果没有唯一ID，需要对比多个属性确保内容完全一致，可以这么写：

arr1 = arr1.filter(val => 
  !arr2.some(item => 
    item.name === val.name && 
    item.id === val.id && 
    item.label === val.label
  )
);

方法3：用Set优化大数据量场景 #

如果数组元素很多，先把arr2的ID提取到Set中，能大幅提升查找效率（Set的has方法是O(1)时间复杂度）：

// 先把arr2的id存入Set
const arr2Ids = new Set(arr2.map(item => item.id));
// 过滤arr1中不在Set里的元素
arr1 = arr1.filter(val => !arr2Ids.has(val.id));

验证结果 #

运行上述任意一种代码后，arr1就会得到你预期的结果：

[ {name: "Gunners", id: 1313, label: "channel", isPrivate: false} ]

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