Set、WeakSeat、Map、WeakMap之间的差别

最新推荐文章于 2025-07-08 16:19:29 发布
转载 最新推荐文章于 2025-07-08 16:19:29 发布 · 412 阅读 · 0

本文详细介绍了JavaScript中Set与Map数据结构的特点与用法。Set用于存储唯一元素，支持add、delete、has等操作；Map则是一种键值对集合，支持更多数据转换方法。此外还探讨了它们的弱引用版本WeakSet与WeakMap，适用于对象存储，有助于避免内存泄漏。

参考链接：http://es6.ruanyifeng.com/#docs/set-map

https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/6

  • Set
    • 成员唯一、无序且不重复
    • [value, value]，键值与键名是一致的（或者说只有键值，没有键名）
    • 可以遍历，方法有：add、delete、has
  • WeakSet
    • 成员都是对象
    • 成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏
    • 不能遍历，方法有add、delete、has
  • Map
    • 本质上是键值对的集合，类似集合
    • 可以遍历，方法很多可以跟各种数据格式转换
  • WeakMap
    • 只接受对象作为键名（null除外），不接受其他类型的值作为键名
    • 键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的
    • 不能遍历，方法有get、set、has、delete
Set、WeakSet、Map、WeakMap的区别
m0_38066007的博客
03-14 197
1. 首先，Map 和 WeakMap 都属于 ES6 中新增的数据类型，用于存储键值对。2. Map 是一个普通的键值对集合，可以使用任何类型的值作为键或值，包括基本类型和对象。而 WeakMap 的键必须是对象，值可以是任何类型。3. Map 中的键值对是强引用关系，即只要 Map 中的键或值存在，Map 对象就会一直保留这个键值对，不会被垃圾回收。而 WeakMap 中的键值对是弱引用关系，如果 WeakMap 的键不再被引用，那么这个键值对就会被自动删除。
【JavaScript基础】map、weakmap、object的区别
pakerder的博客
12-17 810
Map 中的 key 是有序的。因此，当迭代的时候， Map 对象以插入的顺序返回键值。Object 有一个原型, 原型链上的键名有可能和自己在对象上的设置的键名产生冲突。Object 的键必须是 String 或是Symbol。Map的键可以是任意值，包括函数、对象或任意基本类型。Map 是 iterable 的，所以可以直接被迭代。迭代Object需要以某种方式获取它的键然后才能迭代。Map默认情况不包含任何键，只包含显式插入的键。在频繁添加和删除键值对的场景下未作出优化。Object 的键是无序的。
JavaScript 数据类型之Map与WeakMap
klk20001113的博客
03-18 2841
ES6数据类型之 Map与WeakMap
JavaScript——集合： Map与WeakMap
最新发布
weixin_63215361的博客
07-08 1303
Map是ES6引入的一种新的集合类型，用于存储键值对(key-value)集合。与传统对象(Object)类似，但具有更强大的功能和灵活性。Map vs Object的主要区别特性MapObject键类型可以是任意类型（字符串、数字、对象、函数等）主要是字符串或Symbol键顺序保留插入顺序ES6之前不保证顺序，ES6之后为插入顺序大小获取直接通过size属性需要手动计算（Object.keys(obj).length）迭代方式可直接迭代。
javascript Map和WeakMap
Novice-XiaoSong的博客
11-10 334
一、Map 与对象的区别 （1）对象的键只能是字符串或Symbol。强行传入对象作为键，会使用其类型名(字符串)作为键，例如：[object object] （2）Map支持任何类型的键。（对象类型的键本质是使用其指针来作为键） Map.prototype.size Map.prototype.constructor([iterable]) 参数为二维数组[ [key1, value1], [key2, value2] ] Map.prototype.set(key, value) Map.proto
Js中Map和WeakMap的区别
m0_49210479的博客
04-12 557
（1）Map map本质上就是键值对的集合，但是普通的Object中的键值对中的键只能是字符串。而ES6提供的Map数据结构类似于对象，但是它的键不限制范围，可以是任意 类型，是一种更加完善的Hash结构。 如果Map的键是一个原始数据类型，只要两个键严格相同，就视为是同一个键。 实际上Map是一个数组，它的每一个数据也都是一个数组，其形式如下： 1 const map = [ 2 ["name","张三"], 3 ["age",18], 4 ] Map数据结构有以下操作方法： size： .
ES6新特性：Javascript中的Map和WeakMap对象
weixin_34391854的博客
05-13 163
　　Map对象 　　Map对象是一种有对应 键/值 对的对象， JS的Object也是 键/值 对的对象 ； 　　ES6中Map相对于Object对象有几个区别： 　　1：Object对象有原型， 也就是说他有默认的key值在对象上面， 除非我们使用Object.create(null)创建一个没有原型的对象；　　2：在Object对象中， 只能把String和Symbol作为key值， 但...
Java中List Set和Map之间的区别_动力节点Java学院整理
08-30
Java中List、Set和Map之间的区别 Java集合是Java编程语言中的一种重要数据结构，分为三种类型：Set（集）、List（列表）和Map（映射）。在Java中，List、Set和Map都是集合的实现类，它们之间有着本质的区别。 List...
list,set,map,数组之间的相互转换详细解析
09-05
了解这些转换方法后，开发者可以根据具体需求灵活地在list、set、map和数组之间进行转换，提高代码的灵活性和效率。然而，需要注意的是，不同数据结构间的转换可能会改变原有的顺序，比如List转Set时会丢失原有顺序...
ES6中Set和Map用法实例详解
10-15
ES6新增了Set和Map这两种数据结构，它们是JavaScript编程中非常有用的工具，主要用于存储唯一值和键值对数据。下面将详细介绍Set和Map的基本概念、用法和实例，以及它们的特性和操作方法。 ### Set数据结构详解 ...
JS Map 与 weakMap
weixin_46015333的博客
11-12 1478
本篇文章介绍了 Map 的基本 API 如何使用，并且详细介绍了 weakMap 的特点以及什么是弱引用，通俗易懂、适合新手巩固知识。
javascript Map&WeakMap区别
weixin_46505834的博客
08-20 289
如果引用类型失去了被调用 会被gc回收 如果被作为map的key就无法被gc回收 weakMap 会无视这个 直接将对象gc回收。map.set(key,value)保存数据 key可以是引用类型 存储的是地址。ES6中加入了 Map 对象 可以以key value形式保存数据。map 如果key使用引用类型 会导致gc 垃圾回收机制失效。weakMap 使用方法与map一致 但根本上有不同。
什么是跨域资源共享（CORS）？如何在前端中处理CORS问题？
热门推荐
官方推荐
10-08 1万+
什么是跨域资源共享（CORS）？如何在前端中处理CORS问题？
JS - 7 - Map和WeakMap
LawssssCat的博客
02-22 419
上一篇：《JS - 6 - Set 和 WeakSet - 弱引用》 视频：https://www.bilibili.com/video/av75335792?p=1 和 set 基本一样 文章目录Map# 需求？# 增删改查## set、get## delete# 遍历 Map # 需求？ 对象的 键 只能是字符串。 因此，需要一个任意类型都能作为 key 的 数据结构 ⇒ map # 增...
Javascript Map与WeakMap
qq_47218954的博客
01-25 271
Javascript ES6新特性——Map与WeakMap
js中Set、Map、WeakSet、WeakMap的区别
qq_40868156的博客
08-14 857
ES6，数据结构，map，set，weakmap, weakset 区别
JavaScriptES6Map与WeakMap
c__dreamer的博客
08-29 6396
目录   Map 含义与用法 实例的属性和操作方法 遍历方法 WeakMap 含义 WeakMap的语法 WeakMap的用途 Map 含义与用法  JavaScript的对象，本质上是键值对的集合（hash结构），但是传统上只能用字符串作为建，这有了很大的限制。 const data = {}; const element = document.getElements...
javascript中Map和WeakMap的使用
weixin_47450807的博客
12-30 750
javascript中Map和WeakMap的使用 在开始之前，我们还需要了解一点，Object的键必须是字符串，如果你传给Object的不是字符串类型作为键，Object会自动转化。 一、Map的使用 由于Object只能用字符串作为键，所以ES6中就有了产生了Map,Map的作用就是可以把任何值作为键，也可以将对象作为键。 Map的方法 <script> const map = new Map() // 初始化Map map.set("name","张三").set("age","20"
1、JS几种引用类型:map、weakMap、set、weakSet
RRRRRDong的博客
04-06 1655
集合引用类型 一、Map 常用API Map 和 Object 的对比 内存占用: 给定固定大小的内存，Map可以比Object多存储50%的键值对； 插入性能: 若插入键值对数量不多，则消耗大致相对；但是当涉及到大量插入操作，Map的性能更佳; 查找速度 删除性能: Map的delete()操作性能更佳 二、WeakMap 概念: 称为弱映射，它是Map的兄弟类型，不同的是,weakMap的键只能是 Object 或者继承自 Object 的类型,尝试使用非对象设置键会抛
Java集合：List、Set与Map的区别详解
Java中的集合框架是其核心组成部分，主要分为三种类型：Set、List和Map。这三种数据结构在Java中具有不同的特性和用途。 1. **Set（集）**: - Set是无序且不允许有重复元素的集合。它的主要特点是去重，例如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值