JavaScript 中 Map 数据结构怎么实现高效的对象数组去重-js教程-PHP中文网

javascript中用map实现对象数组去重的核心是利用其键的唯一性，通过拼接指定属性（如item.id + '_' + item.email）生成唯一键，遍历中检查键是否存在，不存在则存入map并保留对象，从而高效完成去重。

javascript 中 map 数据结构怎么实现高效的对象数组去重

JavaScript 中用 Map 实现对象数组去重，核心是利用其键的唯一性与引用/序列化控制能力，比遍历 + findIndex 或 filter + some 快得多，尤其在大数据量时优势明显。

用对象属性组合生成唯一键

多数场景下，我们按一个或多个字段判断“重复”，比如 id、name 和 email。这时可以把这些字段拼成字符串作为 Map 的键：

先创建空 Map
遍历原数组，对每个对象提取关键属性，拼成唯一字符串（如 item.id + '_' + item.email）
若该键未存在，存入 Map 并推入结果数组；否则跳过

示例：

const arr = [
  { id: 1, name: 'Alice', email: 'a@b.com' },
  { id: 2, name: 'Bob',   email: 'b@c.com' },
  { id: 1, name: 'Alice', email: 'a@b.com' }, // 重复
];

const seen = new Map();
const unique = [];

for (const item of arr) {
  const key = `${item.id}_${item.email}`;
  if (!seen.has(key)) {
    seen.set(key, true);
    unique.push(item);
  }
}
// unique = [{ id: 1, ... }, { id: 2, ... }]

处理嵌套结构或动态字段时用 JSON.stringify（谨慎）

如果去重依据是整个对象结构（或部分深层字段），且字段顺序固定、不含函数/undefined/Symbol/Date 等不可序列化值，可用 JSON.stringify 生成键：

仅适用于纯数据对象（POJO），不推荐用于含方法、循环引用、时间对象的数组
确保字段顺序一致（建议提前 Object.keys().sort() 再序列化，或使用 structuredClone + 自定义比较逻辑替代）
性能略低于字符串拼接，但写法更通用

简单示例（仅限安全场景）：

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

const uniqueByShape = [];
const map = new Map();

for (const item of arr) {
  const key = JSON.stringify(item); // ⚠️ 注意限制条件
  if (!map.has(key)) {
    map.set(key, true);
    uniqueByShape.push(item);
  }
}