Set和Map是什么？JavaScript优势解析

ES6 引入的 Set 和 Map 并非数组或对象的简单替代，而是为“唯一值管理”和“灵活键值映射”量身打造的原生集合类型：Set 以自动去重、O(1) 存在性判断、天然支持集合运算等优势，彻底解决数组去重低效、语义模糊的痛点；Map 则突破对象键类型的限制，允许任意值作键、严格保持插入顺序、规避原型污染，让键值操作更安全、更直观、更高效——它们用精准的语义和卓越的性能告诉你：当需求明确时，“该用什么”比“能用什么”更重要。

Set 和 Map 是 ES6 引入的两种原生集合类型，分别用于管理“唯一值”和“键值对”。它们不是数组或对象的升级版，而是针对特定需求设计的专用结构——在语义清晰度、操作效率和使用边界上，明显优于用数组/对象“凑合”实现同类功能。

Map 适合需要灵活键 + 有序映射的场景

普通对象的键只能是字符串或 Symbol，且数字键会被自动排序（比如 {1: 'a', 10: 'b'} 遍历时先输出 1 再 10）；Map 完全不设限：

• 键可以是对象、函数、null、undefined、Symbol，甚至另一个 Map 或 Set
• 插入顺序严格保留，遍历 for (const [k, v] of map) 总是按添加先后出现
• map.size 直接返回数量，对象得写 Object.keys(obj).length，还可能漏掉不可枚举属性
• map.has(key)、map.get(key) 是 O(1) 查找，对象用 key in obj 或 obj[key] !== undefined 不仅语义模糊，还受原型链干扰（比如 key 是 'constructor' 就容易误判）

Set 专为“去重”和“存在性判断”而生

数组做去重要靠 [...new Set(arr)] 或手写 filter((x, i) => arr.indexOf(x) === i)，逻辑绕、性能差；Set 从初始化就拒绝重复：

• 自动按 SameValueZero 规则去重（NaN === NaN 成立，对象需同一引用才视为相同）
• set.has(x) 平均时间复杂度 O(1)，数组用 arr.includes(x) 是 O(n)，数据量一上来差距明显
• 增删操作不涉及元素位移，比数组 splice 或 filter 更轻量
• 天然支持集合运算：交集 [...setA].filter(x => setB.has(x))，差集 [...setA].filter(x => !setB.has(x))

与对象和数组的根本区别不在“能不能”，而在“该不该”

对象本质是属性容器，带原型、默认方法、隐式类型转换；数组核心是索引序列，关注位置而非值的唯一性。Map 和 Set 则剥离了这些冗余：

• Map 没有原型污染风险：map.get('toString') 返回 undefined，不会意外拿到继承的方法
• Set 不提供下标访问，也不支持 push/pop，强制你用 add/delete，语义即行为
• 二者都不支持 JSON 序列化，这不是缺陷——它提醒你：如果需要存进 localStorage 或发给后端，说明当前结构可能选错了，该转成 plain object 或 array

怎么选？看这三点

• 要存「键→值」且键可能是对象？用 Map
• 只关心「某个值在不在」或「所有值必须唯一」？用 Set
• 只是静态配置、JSON 数据、或需要下标操作？对象和数组依然最直接

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《Set和Map是什么？JavaScript优势解析》文章吧，也可关注golang学习网公众号了解相关技术文章。