javascript Map和WeakMap

蔚落 2022-12-20 03:16 128阅读 0赞

##### 一、Map #####

> 与对象的区别  
> （1）对象的键只能是字符串或`Symbol`。强行传入对象作为键，会使用其类型名(字符串)作为键，例如：`[object object]`  
> （2）Map支持任何类型的键。（对象类型的键本质是使用其指针来作为键）

1.  Map.prototype.size
2.  Map.prototype.constructor(\[iterable\]) 参数为二维数组`[ [key1, value1], [key2, value2] ]`
3.  Map.prototype.set(key, value)
4.  Map.prototype.get(key)
5.  Map.prototype.delete(key)
6.  Map.prototype.clear()
7.  Map.prototype.has(key)
8.  Map.prototype.forEach()
9.  Map.prototype.keys()
10. Map.prototype.values()
11. Map.prototype.entries()

##### 二、WeakMap #####

> 与Map的区别：WeakMap的键只能是对象(`null`除外)

1.  WeakMap.prototype.constructor(\[iterable\]) 参数为二维数组`[ [key1, value1], [key2, value2] ]`，`key` 只能为非`null`的 对象
2.  WeakMap.prototype.set(key, value)
3.  WeakMap.prototype.get(key)
4.  WeakMap.prototype.has(key)
5.  WeakMap.prototype.delete(key)

> WeakMap中的键与 [WeakSet][] 类似，是弱引用，不计引用次数，若无其他地方的引用，会被垃圾回收机制回收。但需要注意的是，WeakMap的值是正常引用，会计算引用次数。

##### 三、WeakMap的实际应用场景 #####

> 与[WeakSet][] 类似

1.  储存 DOM 节点，而不用担心这些节点从文档移除时，会引发内存泄漏

[WeakSet]: https://blog.csdn.net/SJ1551/article/details/109596544

发表评论取消回复

表情：

评论列表（有 0 条评论，128人围观）

还没有评论，来说两句吧...

相关阅读

相关 Map、Object和weakMap

①首先什么是Map？ Map 是JavaScript中的数据结构，它允许存储【键，值】对，其中任何值都可以用作键或值；Map集合中的键和值可以是任何类型。但是

红太狼/ 2024年03月26日 08:10/ 0 赞/ 66 阅读

相关 JavaScript WeakMap

JavaScript 中的 WeakMap 是一种数据结构，它与 Map 类似，但是它存储的是键值对，其中键是对象类型，而值是任意类型。与 Map 不同的是，WeakMap 的

喜欢ヅ旅行/ 2024年03月25日 14:25/ 0 赞/ 99 阅读

相关随笔-Map和WeakMap的使用

Map类 Map是一个构造函数或类，它可以用来创建一个Map实例对象，在new Map时支持传入一个可迭代对象，Map内部会对传入对象进行迭代，将可迭代对象中每一个元素存

刺骨的言语ヽ痛彻心扉/ 2023年10月01日 09:05/ 0 赞/ 11 阅读

相关 Map 和 WeakMap

Map 和 WeakMap Map 1. map对象是一个简单的键/值映射。任何值（包括对象和原始值）都可以用作一个键或一个值。 var m =

朴灿烈づ我的快乐病毒、/ 2023年07月20日 05:35/ 0 赞/ 18 阅读

相关 WeakMap 和 Map 的区别，WeakMap 原理，为什么能被 GC？

面试官也在看的前端面试资料垃圾回收机制我们知道，程序运行中会有一些垃圾数据不再使用，需要及时释放出去，如果我们没有及时释放，这就是内存泄露 JS 中的垃圾数据都是

刺骨的言语ヽ痛彻心扉/ 2023年01月16日 13:23/ 0 赞/ 132 阅读

相关 javascript Map和WeakMap

一、Map > 与对象的区别 > （1）对象的键只能是字符串或`Symbol`。强行传入对象作为键，会使用其类型名(字符串)作为键，例如：`[object objec

蔚落/ 2022年12月20日 03:16/ 0 赞/ 129 阅读

相关 es6 map和 weakmap

Map和WeakMap是ES6新增的数据结构一、Map 它们本质与对象一样，都是键值对的集合，但是他们与Object对象主要的不同是，键可以是各种类型的数值，而O

r囧r小猫/ 2022年06月09日 14:44/ 0 赞/ 268 阅读

相关 Set、Map、WeakSet 和 WeakMap 的区别

Set 和 Map 主要的应用场景在于数据重组和数据储存 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构 1. 集合（Set） ES6 新增

我就是我/ 2021年12月05日 20:59/ 0 赞/ 345 阅读

相关 ECMAScript 6（17）Map 和 WeakMap

目录 1. Map 1.1 简述 1.2 创建 1.3 基本方法常用方法 1.4 遍历 1.5 类型转换 1.5.1 Map转数组 1

谁借莪１个温暖的怀抱￠/ 2021年09月19日 16:56/ 0 赞/ 389 阅读

相关 ES6的Set，WeakSet，Map和WeakMap

之前在学习 ES6 的时候，看到 `Set` 和 `Map`，不知道其应用场景有哪些，只觉得很多时候会用在数组去重和数据存储，后来慢慢才领悟到 `Set` 是一种叫做集合...

朱雀/ 2020年07月01日 14:57/ 0 赞/ 747 阅读