Set与数组区别详解

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《JavaScript Set与数组的区别解析》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

JavaScript 的 Set 是用于存储唯一值的无序集合，自动去重、不支持索引访问、具备 O(1) 查存性能，适用于去重、存在性判断和集合运算等场景。

JavaScript 的 Set 是一种内置的数据结构，用来存储**唯一值的集合**——它自动过滤重复项，不关心顺序，也不提供索引访问。和数组（Array）看起来相似，但设计目标和行为逻辑完全不同。

Set 的核心特点

• 值唯一：同一值只能存在一次，重复添加会被忽略。
• 无序：插入顺序不保证遍历顺序（尽管当前引擎大多保持插入序，但这不是规范要求）。
• 无索引：不能用 set[0] 取值，必须用迭代或转换成数组才能按位置访问。
• 支持任意类型：数字、字符串、布尔、对象、函数、甚至 NaN（Set 中的 NaN 被视为同一个值，这点比数组的 indexOf 更合理）。

和数组最直观的区别

• 去重能力：Set 天然去重；数组默认保留所有元素，去重要靠额外逻辑（如 [...new Set(arr)]）。
• 访问方式：数组靠索引（arr[2]），Set 靠方法（set.has(x)、set.add(x)）。
• 长度属性名不同：数组是 .length，Set 是 .size。
• 遍历方式类似但不可互换：两者都支持 for...of 和 forEach，但数组有 map/filter 等高阶方法，Set 没有，需先转数组。

什么时候该用 Set 而不是数组？

• 需要频繁判断某个值“是否存在”（has() 是 O(1)，比数组 includes() 或循环快得多）。
• 处理大量数据并确保唯一性（比如用户 ID 列表、日志事件类型统计）。
• 做集合运算（并集、交集、差集），用 Set 搭配展开语法或过滤更简洁。例如：
 const union = new Set([...setA, ...setB]);
 const intersection = new Set([...setA].filter(x => setB.has(x)));

简单转换很常见

• 数组 → Set：new Set([1,2,2,3]) → Set {1, 2, 3}
• Set → 数组：Array.from(mySet) 或 [...mySet]
• 注意：对象或数组等引用类型在 Set 中仍按引用判重，两个内容相同但地址不同的数组，会被视为不同成员。

基本上就这些。用对场景，Set 就是轻量又高效的“去重+查存”利器。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《Set与数组区别详解》文章吧，也可关注golang学习网公众号了解相关技术文章。