Map和Set是ES6为解决对象/数组语义模糊、性能瓶颈而设计的原生集合类型:Map支持任意类型键、保证插入顺序、提供O(1)操作;Set实现高效去重与存在性判断、支持集合运算、语义明确。

Map 和 Set 是 ES6 引入的原生集合类型,分别用于键值对映射和唯一值集合。它们不是对象或数组的替代品,而是为解决这两者在特定场景下的语义模糊、性能瓶颈和功能缺失而设计的。
Map 解决了对象做键值存储的硬伤
普通对象({})常被当“字典”用,但实际很脆弱:
-
键类型受限:对象会把所有键转成字符串,
obj[123]和obj["123"] 指向同一个属性;Map 允许用对象、函数、NaN甚至undefined当键,且严格区分引用和值 -
原型污染风险:对象继承
toString、hasOwnProperty等方法,若误设obj.toString = "custom"就可能破坏逻辑;Map 完全隔离原型链,纯净可靠 -
顺序和统计不明确:对象不承诺遍历顺序(尽管现代引擎大多按插入顺序),也没有
.size属性;Map 明确保证插入顺序,并提供map.size直接读取长度 - 高频操作更稳:大量增删键值对时,Map 底层哈希实现使查找、插入、删除平均保持 O(1),对象在键量大时可能退化,尤其涉及动态属性名时
Set 让“去重”和“存在性判断”变得自然高效
数组虽能存数据,但处理唯一性要绕弯子:
-
去重不再靠手写循环:不用
filter + indexOf或reduce,一行[...new Set(arr)]就搞定,且初始化即去重,后续添加自动忽略重复项 -
查是否存在快得多:数组用
includes()或indexOf()是 O(n);Set 的has()方法是 O(1),十万条数据里查一个 ID,几乎感觉不到延迟 -
集合运算直来直往:并集、交集、差集可结合扩展运算符和数组方法快速实现,比如交集:
[...new Set([...a].filter(x => b.has(x))))];语义清晰,不易出错 -
语义即意图:写
const tags = new Set(),别人一眼明白这是个“不允许重复的标签集合”,而不是“碰巧没重复的数组”
什么时候该选 Map 或 Set?
不用强行替换,看需求匹配:
立即学习“Java免费学习笔记(深入)”;
- 键是对象(如 DOM 元素、React 组件实例)、函数或非字符串原始值 → 用 Map
- 需要频繁
add/delete/has,且关注性能或顺序 → 用 Map - 目标是维护一组唯一值(用户ID、权限标识、已加载资源路径)→ 用 Set
- 要做数组去重、过滤重复请求、记录已访问状态 → Set 是最简方案
- 只是静态配置、JSON 数据结构、或需 JSON.stringify → 还是用 对象或数组 更合适
它们的优势在小数据时不明显,但在动态、高频、大规模场景下,既提升运行效率,也增强代码可读性和健壮性。











