17370845950

Map是JavaScript专为键值对设计的原生集合，解决对象在键类型、顺序、语义和接口上的缺陷；必须用Map的场景包括：非字符串/Symbol键、需插入顺序遍历、高频动态增删。

Map 是 JavaScript 专为键值对存储设计的原生集合类型，不是对象的替代品，而是解决对象在键类型、顺序、语义和操作接口上固有缺陷的工具。

为什么不能直接用 {} 当 Map 用？—— 键类型强制转换陷阱

普通对象会把所有非字符串/ Symbol 的键自动转成字符串，导致不同原始值映射到同一个键：

const obj = {};
const key1 = { id: 1 };
const key2 = { id: 2 };
obj[key1] = 'a';
obj[key2] = 'b';

console.log(obj['[object Object]']); // 'b'（key1 和 key2 都变成同一字符串键）
console.log(obj[key1]);              // 'b'（不是 'a'！）

而 Map 精准区分引用或原始值：

• map.set(key1, 'a') 和 map.set(key2, 'b') 是两个独立条目
• map.get(key1) 稳定返回 'a'，不会被 key2 覆盖
• 数字 42、字符串 '42'、NaN、函数、null 全部可作独立键

什么时候必须用 Map？—— 三个不可妥协的场景

以下任一条件成立，就该放弃 {}，改用 Map：

立即学习“Java免费学习笔记（深入）”；

• 要用 Object 实例、Function、undefined 或 NaN 当键（例如缓存函数调用结果、按 DOM 元素索引状态）
• 需要严格按插入顺序遍历（for...of map 总是返回插入顺序；Object.keys() 在规范中不保证顺序，尽管现代引擎大多支持）
• 频繁执行 set/get/delete，且键数量动态变化大（Map 底层哈希实现更稳定，Object 在大量属性时可能退化）

Map 的方法比 {} 更直白——但别漏掉这些细节

Map 提供统一、无歧义的操作接口，而对象要混用赋值、in、delete、Object.keys() 等多种语法：

• map.size 是属性，Object.keys(obj).length 是计算开销
• map.has(key) 安全判断存在性；key in obj 可能命中原型链上的 toString 等“意外键”
• map.delete(key) 返回布尔值表示是否删除成功；delete obj[key] 总返回 true（即使键不存在）
• map 默认无原型（map.toString 是 undefined），彻底规避原型污染风险

性能与内存：小数据看不出区别，但别在关键路径上赌运气

10 个键值对时，Map 和 {} 差异微乎其微；但当键数达千级、万级，或高频增删时：

• Map 查找/插入/删除平均时间复杂度接近 O(1)，且表现稳定
• 对象在 V8 中虽有优化，但属性过多或存在“字典模式”时，性能可能陡降
• Map 内存占用略高（每个条目带额外元数据），但换来的是确定性行为——线上服务宁可多几 KB，也不能因键冲突或顺序错乱引发逻辑 bug

真正容易被忽略的，不是“该不该用”，而是“用了之后是否还把它当对象使”：比如试图用点号访问 map.key、用解构 { size } = map、或误以为 map[key] 等价于 map.get(key)——这些全是无效操作，Map 只认 .get()、.set()、.has()。