Set、Map和WeakSet、WeakMap理解与运用

于 2024-02-27 17:44:15 发布
阅读量806 收藏 26
点赞数 31
分类专栏： javascript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45532665/article/details/136322963
版权
本文详细介绍了JavaScript中的Set、Map、WeakSet和WeakMap数据结构。Set用于存储不重复的值，支持去重、交集、并集和差集运算；Map则提供了键值对存储，与Object进行对比。同时，文章还探讨了WeakSet和WeakMap，它们只存储对象且为弱引用，有助于内存管理。
摘要由CSDN通过智能技术生成

文章目录


es6为我们引入 Set、Map、WeakSet 和 WeakMap，而我们经常会对这几个数据结构犯模糊，今天写这篇博客除了像进一步巩固这知识点之外，另外也是想进一步学习，从而在际项目中巧妙运用它们。

一、Set

Set 是一种集合数据结构，它只存储不重复的值。这意味着你可以向 Set 中添加任何类型的值，但每个值只能出现一次

1.1 属性以及方法

方法 作用
add 如果 Set 中尚不存在具有相同值的元素，则在 Set 对象中插入一个新的具有指定值的元素
delete 移除与 value 关联的元素，并返回一个布尔值来表示是否移除成功
clear 从 Set 对象中移除所有元素
has 返回一个布尔值，表示给定值在 Set 对象中是否存在
forEach 按照值插入的顺序为 Set 对象中的每个值调用一次 callbackFn，和数组的forEach类似
entries 返回一个新的迭代器对象，该对
了解本专栏 订阅专栏 解锁全文 超级会员免费看
小钱999
关注
  • 31
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Set、Map、WeakSet 和 WeakMap 的区别？
liuhao9999的博客
08-05 588
代码】Set、Map、WeakSet 和 WeakMap 的区别？
JavaScript中的Map、WeakMap、Set和WeakSet介绍
cpythonsz的博客
08-06 344
我猜想，超过70％的JavaScript开发人员仅使用对象来收集和维护其项目中的数据。好吧，确实如此，新的集合对象（例如Map和Set）即使在2015年问世也没有得到充分利用。 因此，今天，我将讨论2015年以来的神奇新功能—— Map ， Set ， WeakMap 和 WeakSet 。 我目前在职于前端开发，建立了一个学习交流群：980500148 大家一起学习（群主会不定时更新学习资料，以及面试题文档） 或者可以添加我的个人微信号：wdnmd__xxx 小助理微信：lyf___1201 阅读之前 这
Set、Map和WeakSet、WeakMap
weixin_69419680的博客
11-12 1327
相对的，WeakMap也是弱引用的Map集合，所以同理，希望避免Map集合中保存对象的强引用而导致的内存泄漏问题，使用WeakMap数据结构来保存对象的弱引用，与WeakSet不同的是WeakMap中存储的是键值对，WeaMap对键名是弱引用的，键值是正常引用，如果键在其他地方不被引用时，垃圾回收机制就会自动回收这个对象所占用的内存空间，同时移除WeakMap中的键值对，但键名对应的值如果是一个对象，则保存的是对象的强引用，不会触发垃圾回收机制被回收。它类似于数组，但是成员的值都是唯一的，没有重复的值。
Set、Map、WeakSet 和 WeakMap
TE杨
06-04 321
Set、Map、WeakSet 和 WeakMap Set 1、基本用法 es6提供了新的数据结构，类似于数组，但成员的值都是唯一的，没有重复的值。 let s = new Set(); [1, 2, 3, 4, 4, 5, 6].forEach((item, index) => { s.add(item) }) console.log(s);//set(6){1, 2, 3, 4, 5, 6} for (let i of s) { console.log(i);//1, 2, 3, 4, 5
Set、Map、和WeakSet、WeakMap
yleave的博客
12-15 288
文章目录集合（Set）Set 实例属性constructorsizeSet 实例方法操作方法遍历方法WeakSet字典 MapMap 的属性constructorsize操作方法遍历方法与其他数据结构的相互转换map 转 arrayarray 转 mapmap 转 object方法 1方法 2方法 3object 转 mapmap 转 JSONJSON 转 mapWeakMap方法 集合（Set） Set 是 ES6 新增的数据结构，类似于数组，但其成员是唯一无序的，没有重复的值。 Set 对象可根据 it
32-Set_Map和WeakSet_WeakMap(es6方法和弱引用).ts
最新发布
03-06
32-Set_Map和WeakSet_WeakMap(es6方法和弱引用)
which-collection:这个 JavaScript 值是哪种集合（Map、Set、WeakMap、WeakSet）？ 跨领域工作，没有`instanceof`，尽管Symbol.toStringTag
07-24
这个 JavaScript 值是哪种集合（Map、Set、WeakMap、WeakSet）？ 跨领域工作，没有instanceof ，尽管有 Symbol.toStringTag 。 例子 var whichCollection = require ( 'which-collection' ) ; var assert = ...
ES6中Symbol、Set和Map用法详解
10-16
在ES6中，JavaScript引入了三个新的数据结构：Symbol、Set和Map，它们为编程提供了更多的灵活性和便利性。下面将详细阐述这三个概念及其用法。 ### 1. Symbol **Symbol** 是一种全新的原始数据类型，它的值是...
ES6中Set和Map数据结构，Map与其它数据结构互相转换操作实例详解
12-02
除了Set和Map，ES6还引入了WeakSet和WeakMap，它们的主要特点是弱引用。这意味着当其他引用不再指向某个对象时，即使在WeakSet或WeakMap中存在引用，垃圾回收机制也会自动清理该对象。因此，WeakSet和WeakMap不支持...
基本知识：简洁易懂讲内存泄漏和Set WeakSet的运用
09-22
### 基本知识：简洁易懂讲解内存泄漏与 Set/WeakSet 的运用 #### 内存泄漏概览 内存泄漏是指程序在运行过程中，由于疏忽或错误而导致已分配的内存未能及时释放，从而使这部分内存无法被其他部分程序再次使用的情况...
【数据类型】Set、Map、WeakSet 、WeakMap 对比
坚信万物皆可切的切图仔
11-17 290
Set MDN：Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 let a = new Set(); undefined a.add(1); // 输出 Set(1) {1} a.add(2); // 输出 Set(2) {1, 2} a.add(2); // 输出 Set(2) {1, 2} let b = new Set(); b.add({val:1}) b.add({val:1}) // 输出 Set(2) {{val:1}, {val:1}} 成员唯一、无序且不
10.Set 和 Map 数据结构
awkticu3808的博客
01-16 307
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...
ES6Set-Map数据结构详解
酒客的博客
12-20 632
Set、WeakSet、Map、WeakMap数据结构详解 Set的基本使用 ​ 在ES6之前，我们存储数据的结构主要有两种：数组、对象。 ​ 在ES6中新增了另外两种数据结构：Set、Map，以及它们的另外形式WeakSet、WeakMap。 ​ Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是元素不能重复。 创建Set我们需要通过Set构造函数（暂时没有字面量创建的方式）：我们可以发现Set中存放的元素是不会重复的，那么Set有一个非常常用的功能就是给数组去重。 Set的常
Set、WeakSet 和 Map、WeakMap 数据结构总结
_EL
07-13 176
Set 类似于数组，但是成员的值都是唯一的，没有重复的值。 用途：可去除数组重复成员或去除字符串重复字符、实现并集（Union）、交集（Intersect）和差集（Difference）。 注意：向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是向 Set 加入值时认为NaN等于自身，而精确相等运算符认为NaN不等于自身。 若以set.ad
Set、Map、WeakSet、WeakMap
程序媛的梦工厂
08-28 204
set 类似于数组，但是成员的值都是唯一的，没有重复的值。 注意： 给Set结构中加入值时，内部使用"==="来判断，，比如"5"和5是不同的，但需要注意平时使用NaN===NaN结果为false，但是在Set内部两个NaN是相同的。 两个对象总是不相等的，{}和{}也是不相同的 方法： size属性 Set.prototype.add() Set.prototype.delete() ...
Set、WeakSet、Map及WeakMap
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
02-03 917
Set 和 Map 主要的应用场景在于 数据重组 和 数据储存 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构 1. 集合（Set） ES6 新增的一种新的数据结构，类似于数组，但成员是唯一且无序的，没有重复的值。 Set 本身是一种构造函数，用来生成 Set 数据结构。 new Set([iterable]) 举个例子： const s = new Set() [1, 2,...
Set,Map,WeakSet,WeakMap数据结构用法和区别
qq_42907443的博客
07-02 187
Set , Map，WeakSet，WeakMap数据结构用法和区别SetWeakSetMapWeakMap Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4
深入解析： Set、Map、WeakSet 和 WeakMap 的区别
青轩桃李能几何，流光欺人忽蹉跎
07-27 798
请注意，与WeakSet一样，当没有其他引用指向键时，即使键存在于WeakMap中，垃圾回收机制也会自动删除该键及其对应的值。由于WeakMap的键必须是对象，因此无法获取WeakMap的大小，也无法遍历其中的键值对。请注意，在没有其他引用指向对象时，即使该对象存在于WeakSet中，垃圾回收机制也会自动删除该对象。因此，无法获取WeakSet的大小也无法遍历其中的对象。请注意，与Set不同，Map中的键可以是任何数据类型，而不仅限于字符串。请注意，Set中存储的值是唯一的，重复的值将被忽略。
Set、Map、WeakSet 和 WeakMap 的区别
liuarmyliu的博客
08-13 873
Set和Map主要应用场景是数组重组和数据存储 Set是一种叫做集合的数据结构，形式类似于数组，没有键值对；Map是一种叫做字典的数据结构，形式类似于对象，有键值对。 集合（Set） ES6新增的一种新的数据结构，类似于数组，但成员唯一且无序，没有重复的值。 Set本身就是一种构造函数，用来生成Set数据结构 const s = new Set(); [1,2,3,4,4,3,2,1].forEach(e => s.add(e)) for(let i of s) { console.log(i);/
Weakmap,Weakset,Set,Map
凡事预则立，不预则废
07-10 425
Set is similar to the array, but it ensure that all the value are unique. Map is similar to the object, but the key of the map can be object. Weakmap and weakset can’t be iterated. WeakMap and WeakSe...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值