17370845950

Set用于存储唯一值，自动去重且支持任意类型元素；Map用于键值对集合，键可为任意类型并保持插入顺序；二者均非对象替代品，而是针对去重、灵活键、高效增删等场景优化的专用数据结构。

Set 和 Map 是 JavaScript 中两种内置的集合数据结构，分别用于存储唯一值和键值对。它们不是对象的替代品，而是为特定场景设计的更精确、更高效的数据容器。

Set：只存唯一值，不关心顺序（但保留插入顺序）

Set 类似于数组，但自动去重，且不允许重复元素。它不基于键，只关注“值是否存在”。

• 创建方式：new Set([1, 2, 2, 3]) → {1, 2, 3}
• 常用方法：add()、has()、delete()、size，没有索引访问（不能用 [0]）
• 支持遍历：for...of、forEach，也兼容扩展运算符（[...mySet]）
• 与对象对比：对象无法天然保证键对应值的唯一性，而 Set 从设计上就拒绝重复值；用对象模拟 Set 需要手动维护，易出错且语义不清

Map：键可以是任意类型，且保持插入顺序

Map 是真正的键值对集合，它的“键”不限于字符串或 Symbol —— 函数、对象、甚至另一个 Map 都能当键。

• 创建方式：new Map([[key1, val1], [key2, val2]])，或逐个 set(key, value)
• 键的灵活性是核心优势：比如 map.set({name: 'Alice'}, 'active') 是合法的，而对象只能把该对象转成 "[object Object]" 当键，造成冲突
• 方法名更统一：set()、get()、has()、delete()、clear()，比对象的 obj[key] = val + delete obj[key] 更明确
• 遍历顺序严格按插入顺序，而普通对象的属性顺序在 ES2015 后虽大多按插入顺序，但仍有例外（如数字键会提前），Map 则无歧义

与普通对象的根本区别

对象（{}）本质是属性名到值的映射，但受语法和历史限制：

• 键只能是字符串或 Symbol（其他类型会被隐式转为字符串），Map 没有这个限制
• 对象没有内置的 size 属性，要获取键数量得用 Object.keys(obj).length；Map 直接有 map.size
• 对象的原型链可能带来意外属性（如 obj.toString），Map 是纯净的数据结构，不含原型干扰
• 对象不适合频繁增删属性的场景（V8 引擎会对频繁变动的对象做形状变更优化，可能影响性能），Map 专为此优化

什么时候该用哪个？

• 需要去重的列表 → 用 Set
• 键不确定类型，或需要以对象/函数为键 → 用 Map
• 配置项、固定结构的数据、需要 JSON 序列化的场景 → 还是用 对象
• 仅需简单字符串键值对，且不频繁修改 → 对象更轻量、可读性高，不必强行换 Map