JavaScript数组去重有Set、filter+indexOf、reduce及对象按key去重四种方法：Set最简洁高效但仅适用于原始类型；filter+indexOf兼容旧浏览器但性能为O(n²)；reduce灵活可扩展；对象去重需指定唯一key字段。
JavaScript 数组去重有多种实用方法，核心思路是利用数据结构的唯一性（如 Set）或遍历比对逻辑来筛掉重复项。选择哪种方式，取决于是否需要保持原顺序、是否处理复杂类型（如对象）、以及对性能和兼容性的要求。
使用 Set 快速去重（最简洁，适合基本类型）
Set 对象只允许存储唯一值，配合扩展运算符可一行实现去重，且自动保留首次出现的顺序。
示例：
const arr = [1, 2, 2, 3, 4, 4, 5];
const unique = [...new Set(arr)]; // [1, 2, 3, 4, 5]
filter + indexOf（兼容老环境，保持顺序）
利用 indexOf 返回元素第一次出现的索引，只保留当前索引等于首次索引的元素。
- 兼容 IE9+，无需额外依赖
- 同样适用于原始类型，逻辑清晰易理解
- 时间复杂度为 O(n²)，大数据量时略慢于 Set
示例：
const arr = ['a', 'b', 'a', 'c'];
const unique = arr.filter((item, index) => arr.indexOf(item) === index); // ['a', 'b', 'c']
reduce 实现去重（灵活可控，可扩展）
通过 reduce 累积一个新数组，在每次迭代中判断是否已存在，决定是否添加。
立即学习“Java免费学习笔记（深入）”；
- 便于加入自定义逻辑（比如忽略大小写、按某属性去重对象）
- 语义明确，适合需要中间处理的场景
- 性能与 filter + indexOf 接近，也是 O(n²)
示例（基础去重）：
const arr = [2, 1, 2, 3];
const unique = arr.reduce((acc, item) => {
if (!acc.includes(item)) acc.push(item);
return acc;
}, []); // [2, 1, 3]
处理对象数组的去重（按指定 key）
原始方法无法直接比较对象，需借助 key 值（如 id、name）做唯一标识。
- 常用组合：
reduce+ 对象/Map 记录已见 key - 也可用
filter配合findIndex判断是否重复 - 注意避免直接用
JSON.stringify比较，它不稳定（键序、空格、undefined 处理等问题）
示例（按 id 去重）：
const users = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}];
const uniqueUsers = users.reduce((acc, cur) => {
const exists = acc.find(item => item.id === cur.id);
if (!exists) acc.push(cur);
return acc;
}, []); // 保留第一个 id=1 的对象
不复杂但容易忽略细节：原始类型用 Set 最省心；要兼容旧浏览器选 filter + indexOf；处理对象一定得明确依据哪个字段判重。根据实际场景挑一种就够了。
