JavaScript 中 reduce 怎么实现对象数组去重-js教程-PHP中文网

javascript中用reduce实现对象数组去重的核心思路是：遍历数组，用临时对象或map记录已出现的唯一标识值，只保留首次出现的对象；按单字段（如id）或组合字段（如name+age）生成唯一键，借助map高效查重并保持顺序。

javascript 中 reduce 怎么实现对象数组去重

JavaScript 中用 reduce 实现对象数组去重，核心思路是：遍历数组，用一个临时对象（或 Map）记录已出现的唯一标识值，只保留首次出现的对象。

按单个字段去重（如 id）

最常见场景是根据对象的某个唯一字段（比如 id）去重。利用 reduce 累积一个新数组，并用普通对象或 Set 辅助判断是否已存在该 id：

Alibabacloud Sdk Client Initialization For Java

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

下载

const arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice2' }, // 重复 id
  { id: 3, name: 'Charlie' }
];

const uniqueById = arr.reduce((acc, item) => {
  if (!acc.seen.has(item.id)) {
    acc.seen.add(item.id);
    acc.result.push(item);
  }
  return acc;
}, { seen: new Set(), result: [] }).result;

// 或更简洁写法（不推荐用于大数组，因每次查 indexOf 性能差）：
// const uniqueById = arr.reduce((acc, cur) => 
//   acc.some(item => item.id === cur.id) ? acc : [...acc, cur], []);

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

当需依据多个属性联合判断唯一性时，可将关键字段拼成字符串作为键（注意处理 undefined / null），或用 JSON.stringify（仅适用于简单、顺序确定的对象结构）：

const arr = [
  { name: 'Alice', age: 25, city: 'Beijing' },
  { name: 'Bob', age: 30, city: 'Shanghai' },
  { name: 'Alice', age: 25, city: 'Guangzhou' }, // 与第一个 name+age 相同
];

const uniqueByKeys = arr.reduce((acc, item) => {
  const key = `${item.name}|${item.age}`; // 简单分隔防歧义
  if (!acc.has(key)) {
    acc.set(key, item);
  }
  return acc;
}, new Map()).values();

const result = Array.from(uniqueByKeys); // 转为数组