JavaScript数组去重方法大全

JavaScript数组去重有多种实用方法，其中最高效简洁的是利用ES6的Set对象，仅需一行代码[...new Set(arr)]即可完成去重，时间复杂度仅为O(n)，且天然保持原始顺序；若需兼容旧浏览器（如IE9+），可选用filter结合indexOf的方案；面对对象数组，则需基于唯一字段（如id）配合findIndex或Map实现精准去重；此外，reduce和自定义哈希策略则适用于需要额外逻辑处理的复杂场景——无论你是初学者还是资深开发者，都能根据项目需求、数据类型和兼容性要求，快速选出最适合的去重方案。

JavaScript 数组去重最高效、简洁的方式是使用 Set，它天然保证元素唯一且时间复杂度为 O(n)。现代开发中优先推荐此法；若需兼容旧环境或有特殊需求（如对象去重、自定义比较），再考虑其他方案。

用 Set 快速去重（推荐）

Set 是 ES6 引入的内置对象，自动过滤重复值，配合扩展运算符或 Array.from() 即可转回数组。

示例：

filter + indexOf（适合简单类型，兼容性好）

利用 indexOf 返回首次出现索引的特性，只保留“当前项第一次出现的位置等于当前下标”的元素。

优点：不依赖新语法，IE9+ 可用；缺点：对大数组性能略低于 Set（O(n²)）。

写法：

reduce 实现去重（灵活可控）

适合需要在去重过程中做额外判断或处理的场景，比如跳过空值、统一类型等。

基本写法：

注意：includes 在大数组中查找较慢，可改用 Set 辅助提速：

处理对象数组去重

原生方法无法直接比较对象引用，需指定唯一标识字段（如 id 或 name）。

常用技巧：

• 用 Map 缓存已见的 key 值，避免重复添加
• 先提取唯一键，再结合 filter 或 reduce

示例（按 id 去重）：

性能与选择建议

多数场景下，Set 方案最快也最简明；如果要处理对象、需要深度比较或兼容 IE8 及更早版本，才考虑手动遍历 + 哈希表（如 {} 或 Map）方式。

小贴士：

• 字符串/数字数组：无脑用 [...new Set(arr)]
• 需要保持原始顺序：所有上述方法都默认保持首次出现顺序
• 去重同时排序：先去重再调 .sort()，别在去重逻辑里混入排序

今天关于《JavaScript数组去重方法大全》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！