JavaScript 中 Map 结合 reduce 怎么实现高层级复杂数组去重-js教程-PHP中文网

map配合reduce实现数组去重的核心是：以对象唯一标识为map键，利用键唯一性自动去重；reduce遍历累积结果。按单字段（如id）、多字段组合（如name+role）、深层嵌套/动态路径（如user.id）三种场景分别处理，支持保留首次、末次或自定义覆盖逻辑。

javascript 中 map 结合 reduce 怎么实现高层级复杂数组去重

用 Map 配合 reduce 实现高层级复杂数组去重，核心在于：把对象的「唯一标识」（如某个字段、多个字段组合或序列化后的字符串）作为 Map 的键，天然避免重复；reduce 负责逐个遍历并累积去重结果。

按单个字段去重（如 id）

最常见场景：数组中对象有唯一 id，需保留首次出现的项。

利用 Map 的键唯一性，以 item.id 为 key，整个对象为 value；reduce 中只在 Map 未存在该 key 时才设值。

示例：

const list = [
  { id: 1, name: 'Alice', role: 'admin' },
  { id: 2, name: 'Bob', role: 'user' },
  { id: 1, name: 'Alicia', role: 'editor' }, // 重复 id
  { id: 3, name: 'Charlie', role: 'user' }
];

const uniqueById = list.reduce((map, item) => {
  if (!map.has(item.id)) {
    map.set(item.id, item);
  }
  return map;
}, new Map());

const result = Array.from(uniqueById.values());
// [{ id: 1, name: 'Alice', ... }, { id: 2, ... }, { id: 3, ... }]

按多字段组合去重（如 name + role）

当没有单一主键，但多个字段共同决定唯一性时，可将它们拼成一个复合 key（推荐用模板字符串，简洁安全）。

java后端编程

专用于 Java Spring Boot 后端开发的专业技能。当用户提出以下需求时，应调用此技能：构建 REST API、创建 Spring Boot 项目、编写 Java 后端服务、配置数据库访问（JPA / MyBatis）、处理认证与授权（Spring Security / JWT）、实现微服务架构（Spring Cloud）、排查 Spring Boot 相关错误、审查 Java 代码质量，或执行任何与 Spring Boot / Java 后端相关的任务。

下载

避免直接用 JSON.stringify 作 key（顺序敏感、空格影响、性能略低）
确保字段值稳定（如不为 undefined 或 null，可提前默认处理）

示例：

const list = [
  { name: 'Alice', role: 'admin', level: 5 },
  { name: 'Bob', role: 'user', level: 2 },
  { name: 'Alice', role: 'admin', level: 7 }, // name+role 相同，视为重复
  { name: 'Alice', role: 'user', level: 3 }
];

const uniqueByFields = list.reduce((map, item) => {
  const key = `${item.name}|${item.role}`; // 简单分隔符防歧义
  if (!map.has(key)) {
    map.set(key, item);
  }
  return map;
}, new Map());

const result = Array.from(uniqueByFields.values());

深层嵌套/动态字段去重（带规范化逻辑）

若需根据嵌套属性（如 user.profile.id）或运行时配置的字段列表去重，可在 reduce 前提取 key 值，增强复用性。

封装提取函数，支持路径字符串（如 'user.id'）或字段数组（如 ['a', 'b']）
对提取出的值做安全处理（String() 化，避免 undefined 导致 key 混淆）
仍用 Map 缓存，保持 O(1) 查重效率

示例（按路径取 key）：

const getKey = (obj, path) => {
  return path.split('.').reduce((o, k) => o?.[k], obj);
};

const list = [
  { user: { id: 101 }, meta: { ts: 1700000000 } },
  { user: { id: 102 }, meta: { ts: 1700000001 } },
  { user: { id: 101 }, meta: { ts: 1700000002 } }
];

const uniqueByPath = list.reduce((map, item) => {
  const key = String(getKey(item, 'user.id'));
  if (!map.has(key)) {
    map.set(key, item);
  }
  return map;
}, new Map());