JavaScript 中 Map 怎么对包含相同结构的对象进行深度去重-js教程-PHP中文网

javascript中map不支持对象深度去重，因其键比较基于引用而非内容；实际是借助map缓存json字符串或组合键，配合自定义序列化或字段提取实现去重。

javascript 中 map 怎么对包含相同结构的对象进行深度去重

JavaScript 中 Map 本身**不支持直接对对象做深度去重**，因为 Map 的键是基于引用相等（`===`）或原始值比较的，而两个结构相同但内存地址不同的对象（比如 `{a:1,b:2}` 和 `{a:1,b:2}`）在 Map 看来是完全不同的键。所以，“用 Map 实现对象深度去重”本质上不是靠 Map 自身的键唯一性来判断对象内容是否重复，而是**把 Map 当作一个高效的辅助缓存工具，配合你自定义的深度比对逻辑（或可序列化转换）来实现**。下面分几种实用场景说明怎么做：

按完整对象内容去重（结构+值一致）

核心思路：把每个对象转成稳定、可比的字符串表示（如 JSON 字符串），再用 Map 记录是否已存在。

⚠️ 注意前提：对象必须是可安全 JSON 序列化的（不能含函数、undefined、Symbol、Date、RegExp、循环引用等）；且属性顺序需一致，否则 `JSON.stringify({a:1,b:2})` 和 `JSON.stringify({b:2,a:1})` 结果不同，会被当成两个对象。

推荐写法：

用 Map 存储 JSON 字符串 → 原对象 映射，避免重复添加
遍历时先 stringify，查 Map 是否已有该字符串，没有就存入并推入结果

示例代码：

function deepUniqueByValue(arr) {
  const seen = new Map();
  const result = [];
  for (const item of arr) {
    const key = JSON.stringify(item);
    if (!seen.has(key)) {
      seen.set(key, item);
      result.push(item);
    }
  }
  return result;
}

const data = [
  { id: 1, name: "Alice", tags: ["js", "web"] },
  { id: 1, name: "Alice", tags: ["js", "web"] }, // 完全相同
  { id: 2, name: "Bob" }
];
console.log(deepUniqueByValue(data)); // 保留第一个，去重第二个

按多个指定字段组合去重（如 id + email）

这不是“深度”比对，但很常用——你希望当多个属性共同构成唯一标识时才视为重复。这时不需要 JSON，只需拼接或生成组合键。

优势：不依赖序列化，性能更好，兼容任意类型（只要字段可转字符串）。

Java Maven Secondary Analysis

分析ZIP压缩包或GitLab仓库中的Java Maven项目，确定二次开发范围、类数量、模块分布及生产相关指标。

下载

提取多个字段，用固定分隔符拼成字符串键（如 item.id + '|' + item.email）
或用数组转字符串：JSON.stringify([item.id, item.email])（更稳妥，防分隔符冲突）

示例代码：

function uniqueByKeys(arr, keys) {
  const seen = new Map();
  return arr.filter(item => {
    const key = JSON.stringify(keys.map(k => item[k]));
    if (seen.has(key)) return false;
    seen.set(key, true);
    return true;
  });
}

const users = [
  { id: 1, email: "a@x.com", role: "admin" },
  { id: 1, email: "a@x.com", role: "user" }, // id+email 相同 → 视为重复
  { id: 2, email: "b@y.com", role: "admin" }
];
console.log(uniqueByKeys(users, ['id', 'email']));