17370845950

JavaScript Map 是一种键值对集合，支持任意类型键、保持插入顺序、提供 size 属性、遍历有序且高效，适合动态场景；而普通对象键受限、统计繁琐、遍历顺序不一致，更适合固定结构数据。

JavaScript Map 是一种键值对集合，允许任意类型的数据作为键，且保持插入顺序。它比普通对象更灵活、更可靠，尤其适合动态或复杂场景。

键的类型不受限制

普通对象的键只能是字符串或 Symbol，其他类型（比如对象、数组、数字）会被自动转成字符串，容易造成冲突或意外行为。

Map 则没有这个限制——你可以用函数、对象、null、NaN 甚至另一个 Map 作键，它们都会被准确识别和区分。

• 例如：map.set({}, 'value1'); map.set({}, 'value2') 会存两个独立条目；而 obj[{}] = 'v1'; obj[{}] = 'v2' 实际只保留一个，因为两次 {} 都转成了 "[object Object]"

大小可直接获取，无需手动计算

Map 提供 size 属性，随时返回当前键值对数量。普通对象没有内置方法统计属性个数，得靠 Object.keys(obj).length 或遍历计数，还可能受原型链或不可枚举属性干扰。

• Map：直接写 myMap.size 就行
• 对象：需过滤掉继承属性，Object.keys(obj).filter(k => obj.hasOwnProperty(k)).length 才相对准确

遍历天然有序，且方式统一

Map 按插入顺序迭代，for...of、keys()、values()、entries() 都遵循这一规则。普通对象的属性遍历顺序在 ES2015 后虽也规定为插入顺序，但仅限字符串和 Symbol 键；数值键仍按升序排列，容易混淆。

• 比如对象 { a: 1, 2: 'two', 1: 'one' }，Object.keys() 返回 ['1', '2', 'a']；Map 中则严格按你 set 的顺序返回
• Map 还原生支持 forEach，参数顺序是 (value, key, map)，语义清晰

更适合频繁增删的场景

Map 的设计目标就是高效处理动态键值对。添加、删除、查找都是平均 O(1) 时间复杂度。普通对象虽然快，但在大量属性或需要频繁 delete 时，可能触发隐藏类重建或影响优化，性能波动更大。

• 适合缓存、映射表、计数器、依赖关系管理等运行时动态构建的结构
• 对象更适合配置项、固定结构的“字面量”数据，语义更直观，JSON 友好

不复杂但容易忽略：Map 不是对象的替代品，而是互补工具。该用对象时别硬套 Map，该用 Map 时也别因习惯迁就对象。