JavaScript数组去重技巧与Set应用

本文深入解析了JavaScript中数组去重的核心技巧与ES6新增数据结构Set和Map的实战价值：从最简洁高效的[...new Set(arr)]写法，到兼容旧浏览器的filter+indexOf方案，再到处理对象数组的进阶策略；同时揭示了Set在唯一性校验、顺序保持上的天然优势，以及Map在频次统计、任意类型键缓存等场景中不可替代的能力——不仅让去重更优雅，更赋能开发高效解决统计、缓存、查重等真实业务问题。

JavaScript数组去重有多种方式，核心思路是利用唯一性约束过滤重复项；Set 和 Map 则是 ES6 引入的原生数据结构，分别用于存储不重复值和键值对，它们在去重、统计、缓存等场景中非常实用。

数组去重的常用方法

最简洁高效的方式是结合 Set：

• Array.from(new Set(arr))：将数组转为 Set 去重，再转回数组
• [...new Set(arr)]：利用展开运算符，写法更短，效果相同
• 若需兼容旧浏览器（如 IE），可用 filter + indexOf：
  arr.filter((item, index) => arr.indexOf(item) === index)
• 处理对象数组时，需自定义比较逻辑，例如用 JSON.stringify 临时转字符串去重（仅适用于简单可序列化对象）

Set 的基本使用

Set 是一个集合，成员值唯一且无序：

• 创建：const s = new Set([1, 2, 2, 3]) → s 包含 {1, 2, 3}
• 常用方法：.add()、.has()、.delete()、.size、.clear()
• 遍历：支持 for...of、.forEach()，也可转为数组操作：Array.from(s)
• Set 支持混合类型：new Set([1, '1', true, {}, {}]) 中两个空对象仍视为不同元素（引用不同）

Map 的基本使用

Map 是键值对集合，键可以是任意类型（包括对象、函数、Symbol），且保留插入顺序：

• 创建：const m = new Map([[key1, value1], [key2, value2]]) 或先 new Map() 再 .set(key, value)
• 常用方法：.get(key)、.set(key, value)、.has(key)、.delete(key)、.size
• 遍历：.keys()、.values()、.entries() 返回迭代器，支持 for...of
• 与 Object 的区别：Object 的键只能是字符串或 Symbol，而 Map 键无限制；Map 更适合频繁增删的场景，性能更稳定

Set 和 Map 在去重中的进阶应用

它们不只是“去重工具”，还能解决更具体的业务问题：

• 用 Set 快速判断是否存在：if (uniqueIds.has(id)) { ... } 比 arr.includes() 在大数据量下更高效
• 用 Map 统计频次：map.set(item, (map.get(item) || 0) + 1)
• 用 Map 缓存计算结果（实现简易 memoization），键可以是参数数组：map.set(JSON.stringify(args), result)
• 数组去重并保持原始顺序：Set 天然保留首次出现顺序，所以 [...new Set(arr)] 就是稳定方案

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~