> For the complete documentation index, see [llms.txt](https://blog.yuyy.tech/mian-shi-shu-li/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he/map-weakmap.md). # Map、WeakMap ## 一、Map 类似于对象，也是键值对的集合，由于ES6之前对象的键只能是字符串，所以为了解决这种限制推出了Map。 > ES6之后对象的key也支持了其他类型 添加成员时，如果key相同，后来的value会覆盖之前的value，判断key是否相同类似于严格相等（`===`） > Map对key是否相同与严格相等（`===`）区别： > > * 0和-0：Map是同一个key，`===` 认为不相等 > * NaN和NaN：Map是同一个key，`===` 认为不相等 ### 1、实例属性及方法 * Map.prototype.set(key, value) * Map.prototype.get(key) * Map.prototype.has(key) * Map.prototype.delete(value) * Map.prototype.clear() * Map.prototype.size ### 2、遍历方式 * Map.prototype.forEach((value, key, set) => {}, thisArg) 【推荐】 * Map.prototype.entries() * Map.prototype.keys()：Map.prototype.values的别名 * Map.prototype.values() **注意**：Map的遍历顺序就是插入顺序 ### 3、数据类型转换 todo ## 二、WeakMap ### 1、只能用对象作为key ```javascript const wm = new WeakMap(); wm.set(1, 1); // TypeError: Invalid value used in weak set wm.set('1', '1'); // TypeError: Invalid value used in weak set wm.set(true, 'true'); // TypeError: Invalid value used in weak set wm.set(null, null); // TypeError: Invalid value used in weak set wm.set(undefined, undefined); // TypeError: Invalid value used in weak set wm.set(Symbol(), 'symbol'); wm.set({}, 'obj'); wm.set(() => {}, 'fn'); wm.set([], 'array'); wm.set(new Map(), 'map'); wm.set(new Set(), 'set'); ``` ### 2、key是弱引用 Map的key是对象，使用完很容易忘记清除，增加内存泄漏的风险，WeakMap就是为解决此问题而诞生的。WeakMap的key都是弱引用（这也是叫Weak的原因），即不参与引用计数，垃圾回收机制运行时直接忽略此处引用。 **注意：**WeakMap 弱引用的只是key，value依然是正常引用。 ### 3、无法遍历 因为key又可能随时会被回收，所以WeakMap内部的成员数量不稳定，所以没有提供size属性，也不支持遍历。 ## 三、区别
区别MapWeakMap
成员类型不限对象
成员函数和属性
  • Map.prototype.set(key, value)
  • Map.prototype.get(key)
  • Map.prototype.has(key)
  • Map.prototype.delete(key)
  • Map.prototype.size
  • Map.prototype.clear()
  • Map.prototype.forEach()
  • Map.prototype.values()
  • Map.prototype.keys()
  • Map.prototype.entries()
  • WeakMap.prototype.set(key, value)
  • WeakMap.prototype.get(key)
  • WeakMap.prototype.has(key)
  • WeakMap.prototype.delete(key)
遍历支持不支持
适用场景对key的类型要求宽松，尽量替代对象不关心垃圾回收机制（比如存储DOM节点）
参考： * * *