Map和WeakMap的区别

已于 2022-04-20 15:06:46 修改
阅读量107 收藏
点赞数
分类专栏： html JavaScript 文章标签： JavaScript Map WeakMap 内存管理 弱引用
于 2022-04-20 15:02:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40945354/article/details/124298026
版权 
<!DOCTYPE html>
<html>
    <head>
        <title>document.write() Example</title>
    </head>
    <body>
        <script type="text/javascript">       

const map = new Map();
const weakmap = new WeakMap();

(function() {
  const foo = {foo: 1};
  const bar = {bar: 2};

  map.set(foo, 1);
  weakmap.set(bar, 2);
})()
console.log(map)
console.log(weakmap)
 

             </script> 
    </body>

</html>


<!DOCTYPE html>
<html>
    <head>
        <title>document.write() Example</title>
    </head>
    <body>
        <script type="text/javascript">       

const map = new Map();
const weakmap = new WeakMap();

(function() {
  const foo = {foo: 1};
  const bar = {bar: 2};

  map.set(foo, 1);
  weakmap.set(bar, 2);
})()
console.log(map.keys)
console.log(weakmap.bar)
 

             </script> 
    </body>

</html>


43.html:19 ƒ keys() { [native code] }
15:06:07.829 43.html:20 undefined
hamimelon2020
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Map与WeakMap的区别与使用
hh3167253066的博客
01-15 1418
我们常用的对象Object，是由key:value集合组成的，但key只能是字符串，有很大的使用限制。当我们需要其他类型的数据做key值时，就需要用到数据结构Map，它支持把各种类型的值，当做键。 var map = new Map(); var nie = {name:'Annie'}; var kth = {name:'Keith'}; map.set(nie,kth); map.set(kth,nie); console.log(map.get(nie)); //{name:'Keith'} c
WeakMap 和 Map的区别
weixin_47199717的博客
09-25 1028
5. WeakMap 对象的主要应用场景是需要与另外一个对象关联，并且不想影响到这个对象的垃圾回收机制，以避免内存泄漏。例如，将对象存储在 WeakMap 中，可以确保这个对象只在其他地方仍然被引用时才被保留，否则会自动被删除，从而避免内存泄漏。3. Map 中的键值对是强引用关系，即只要 Map 中的键或值存在，Map 对象就会一直保留这个键值对，不会被垃圾回收。而 WeakMap 中的键值对是弱引用关系，如果 WeakMap 的键不再被引用，那么这个键值对就会被自动删除。
Map 和Weakmap 区别
日晞的博客
09-17 350
1.键，值数据类型： Map：键，值可以是任意数据类型； Weakmap：只接受对象作为键名（null 除外） 2.可以迭代吗 Map：可以迭代 Weakmap:不可迭代 3.插入是否按照顺序 Map：键值对按照插入顺序排列(而obj 会按照键值大小从小到大排序) Weakmap:不按照顺序 4.垃圾回收机制 Map：不会 Weakmap：键名是...
Map与WeakMap的区别
jdjks的博客
11-18 284
Map和WeakMap的最大区别在于，Map中key是一个强引用类型，WeakMap是一个弱引用类型。WeakMap要求key必须是一个对象类型。的引用后，由于Map是采用强引用，的引用后，由于没有其他操作对。将会在内存中被删除。
Map、WeakMap的区别
qq_45923489的博客
04-23 2624
一、Map 1、基本API 使用new关键字和Map构造函数可以创建一个空映射 const m = new Map() 如果想在创建的同时初始化实例，可以给Map构造函数传入一个可迭代的对象，需要包含键值对数组。可迭代对象的每个键值对都会按照迭代顺序插入到新映射实例中 。 初始化之后，可使用set（）方法再添加键值对。使用get（）和has（）进行查询，通过size属性获得映射中键值对的数量，还可以使用delete（）和clear（）删除值。 const m = new Map()
ECMAScript6中Map/WeakMap详解
09-03
WeakMap与Map非常相似，但有以下几个关键区别： #### 2.1 键的弱引用 WeakMap的键必须是对象，且只能是弱引用。这意味着，当键不再被其他地方引用时，垃圾回收机制可以自动清理，避免内存泄漏。因此，WeakMap无法...
【JavaScript源代码】JavaScript中Object、map、weakmap的区别分析.docx
12-29
JavaScript中的Object、Map和WeakMap都是用于数据存储的结构，但在使用场景和功能特性上有着显著的区别。在ECMAScript 6之前，Object是实现键值对存储的主要方式，但存在一些限制，如键只能是字符串或Symbol。随着...
Map与WeakMap类型在JavaScript中的使用详解
01-21
map类型特点与创建方法： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Document</title> <meta name=viewport content=width=device-width,...
32-Set_Map和WeakSet_WeakMap(es6方法和弱引用).ts
最新发布
03-06
32-Set_Map和WeakSet_WeakMap(es6方法和弱引用)
Map 和 WeakMap 有什么区别？
jia嘉ioo的博客
01-06 2346
node.js
map与weakmap_ES6 Map和WeakMap有什么区别？
weixin_42519733的博客
01-13 148
Looking this and this MDN pages it seems like the only difference between Maps and WeakMaps is a missing "size" property for WeakMaps. But is this true? What's the difference between them?解决方案The expe...
Map和WeakMap的方法和区别
ta_huang的博客
12-04 1426
Map和WeakMap 使用new Map()语法进行声明，Map键的类型可以使用任意对象作为键（字符串，object类型），我们还可以直接以二维数组键值对的形传入到构建函数中，第一项为键，后一项为值 let map = new Map(); let o = { n: 1 }; map.set(o, "A"); //add map.set("2", 9); console.log(map.has("2")); //check if key exists console.log(map.get(o))
ES6 WeakMap Map 区别
weixin_34233618的博客
08-22 94
WeakMap与Map的区别 1、WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名。 2、WeakMap的键名所指向的对象，不计入垃圾回收机制。 示例： const wm = new WeakMap(); const element = document.getElementById('example'); wm.set(element, 'so...
10.Set 和 Map 数据结构
awkticu3808的博客
01-16 308
Set 和 Map 数据结构Set 和 Map 数据结构Set基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i o...
WeakMap和Map区别
dtbk123的博客
05-19 889
①WeakMap的键名只支持对象，map的键名可以是任意值。 ②Map可以遍历，WeakMap不可以 ③WeakMap是弱引用，成员随时可以消失，可以防止内存泄露
Map和WeakMap
weixin_44011306的博客
06-25 213
Map和WeakMapMap基本语法实例化添加数据删除数据统计数据查询数据遍历方式Object 和Map的区别键的类型键的顺序键值对的统计键值对的遍历性能WeekMapWeakMap与Map的区别（WeakMap是弱引用） Map ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的**范围不限于字符串，各种类型的值（包括对象）都可以当作键。**也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要
Map 与 WeakMap 的区别
lio-zero 的博客
12-01 652
Map 和 WeakMap 是两种数据结构，可用于操纵键和值之间的关系。 区别 我们可以对 Map 的键和值使用对象或任何基本类型。 但是，WeakMap 仅接受对象。这意味着我们不能将基本类型用作 WeakMap 的键。 const attrs = new WeakMap() attrs.set('color', 'plum') // error 与 Map不同，WeakMap 不支持对键和值...
map和weakmap的区别
07-27
map和weakmap是两种不同的数据结构，它们有以下区别： 1. 引用关系：Map中的键是对对象的引用，而WeakMap中的键是弱引用。这意味着在Map中，当键对象被垃圾回收时，该键值对不会被自动移除，而在WeakMap中，当键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值