JavaScript 数组遍历怎么过滤重复的复杂对象-js教程-PHP中文网

javascript过滤复杂对象重复需先定义标准：json.stringify适用于纯数据对象但要求属性顺序一致；按唯一字段（如id）去重性能最佳；深比较（如lodash.isequal）适合内容完全一致场景但性能开销大；含循环引用或特殊类型需用weakmap等增强处理。

javascript 数组遍历怎么过滤重复的复杂对象

JavaScript 数组中过滤重复的复杂对象（比如含嵌套属性、数组或函数的对象），不能直接用 Set 或 includes，因为对象比较是引用相等，而非结构相等。关键在于：先定义“重复”的标准，再选择合适的方法做深比较或序列化去重。

用 JSON.stringify 做简单结构化去重（适合纯数据对象）

如果对象只包含字符串、数字、布尔值、null、普通对象和数组（即能被 JSON 安全序列化的数据），可用 JSON.stringify 转为字符串后去重：

先 map 每个对象为字符串，用 Set 去重，再 map 回对象
注意：属性顺序必须一致，否则 {a:1,b:2} 和 {b:2,a:1} 会被判为不同；undefined、函数、Symbol、Date、RegExp 会被忽略或报错

示例：

const arr = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}];
const unique = Array.from(
  new Set(arr.map(item => JSON.stringify(item)))
).map(JSON.parse);
// → [{id:1,name:'Alice'}, {id:2,name:'Bob'}]

用自定义 key 提取唯一标识（推荐用于有主键的对象）

多数业务场景中，复杂对象其实有逻辑唯一字段（如 id、sku、email），这时应避免深比较，直接按字段去重：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

用 reduce 或 filter + Map/Set 缓存已见的 key
性能好、语义清晰、兼容任意对象结构（包括含函数或循环引用）

示例（按 id 去重，保留第一个）：

const arr = [
  {id: 1, name: 'Alice', meta: {active: true}},
  {id: 2, name: 'Bob'},
  {id: 1, name: 'A. Smith', meta: {pending: true}}
];
const seen = new Set();
const unique = arr.filter(item => {
  if (seen.has(item.id)) return false;
  seen.add(item.id);
  return true;
});
// → 前两个对象保留，第三个被跳过

用深比较实现真正结构去重（需谨慎使用）

当确实需要按内容完全一致判定重复（例如测试数据比对），可借助 Lodash 的 isEqual，或手写轻量版深比较函数：

自己实现要注意：处理数组、对象、null、NaN、日期、正则等类型；避免无限循环（如对象嵌套引用自身）
性能开销大，不建议在大数据量或高频调用中使用
若用 Lodash：_.uniqWith(arr, _.isEqual)

简易深比较示意（仅支持基础类型+普通对象/数组）：

function deepEqual(a, b) {
  if (a === b) return true;
  if (a == null || b == null || typeof a !== 'object' || typeof b !== 'object') return false;
  const keysA = Object.keys(a), keysB = Object.keys(b);
  if (keysA.length !== keysB.length) return false;
  for (let key of keysA) {
    if (!keysB.includes(key) || !deepEqual(a[key], b[key])) return false;
  }
  return true;
}

const unique = arr.filter((item, i) => 
  arr.slice(0, i).every(prev => !deepEqual(prev, item))
);