为何无法生成唯一对象数组？JS数组去重问题求助

首先得戳中核心：我猜你大概率是踩了数组元素为对象/引用类型的坑！如果是字符串、数字这类原始类型，常规去重方法肯定管用，但对象是按引用地址判断相等性的——哪怕两个对象内容完全一模一样，只要是不同的引用，JS就会把它们当成不同元素，这就是为啥你的去重数组和原数组长度没差的原因。

常见的错误操作（为啥去重失效） #

• 直接用Set去重对象数组：const uniqueFilters = [...new Set(filters)]，Set的相等性判断依赖引用地址，相同内容的不同对象会被全部保留；
• 用filter+indexOf/includes：比如filters.filter((item, idx) => filters.indexOf(item) === idx)，同样是因为indexOf比较的是引用，不是对象内容。

正确的去重方案（针对对象数组） #

方案1：JSON序列化转字符串去重（简单场景适用） #

把对象转成字符串后用Set去重，再转回来，适合结构简单、属性顺序固定的对象：

const uniqueFilters = [...new Set(filters.map(item => JSON.stringify(item)))]
  .map(str => JSON.parse(str));

⚠️ 注意：如果对象里有函数、Symbol、循环引用，或者属性顺序不同（比如{a:1,b:2}和{b:2,a:1}），会被判定为不同元素，这种场景别用这个方法。

方案2：reduce自定义比较逻辑（灵活可控） #

如果需要按业务规则去重（比如只根据id字段，或者深比较整个对象），用reduce更灵活：

// 示例：根据对象的id字段去重
const uniqueFilters = filters.reduce((acc, current) => {
  const isExist = acc.find(item => item.id === current.id);
  if (!isExist) acc.push(current);
  return acc;
}, []);

如果需要深比较整个对象内容，可以自己实现深比较函数，或者用成熟工具库的方法（比如Lodash的_.isEqual）：

// 假设已引入Lodash
const uniqueFilters = filters.reduce((acc, current) => {
  const isExist = acc.some(item => _.isEqual(item, current));
  if (!isExist) acc.push(current);
  return acc;
}, []);

方案3：Map存储唯一标识（大数组性能更优） #

如果数组元素特别多，find/some的O(n²)复杂度会变慢，用Map可以降到O(n)：

// 以id为唯一标识的示例
const filterMap = new Map();
filters.forEach(item => {
  if (!filterMap.has(item.id)) {
    filterMap.set(item.id, item);
  }
});
const uniqueFilters = Array.from(filterMap.values());

关于你提到的「实际应用中还需处理」的补充 #

解决代码层面的去重后，实际项目里还要考虑这些细节：

• 性能优化：大数组优先用Map方案，避免O(n²)的时间开销；
• 边界值处理：数组里的null、undefined、NaN要特殊处理（注意Set会把重复的NaN当成同一个）；
• 特殊类型兼容：如果对象里有日期、正则这类特殊类型，JSON序列化会丢失类型，需要自定义序列化逻辑；
• 业务唯一性规则：多数场景不需要完全深比较，按业务定义的唯一标识（比如id、code）去重，效率更高。

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