javascript中的Map和Set

最新推荐文章于 2025-04-09 15:06:54 发布
最新推荐文章于 2025-04-09 15:06:54 发布
阅读量1.2k 收藏 8
点赞数 4
分类专栏： 微搭低代码从入门到精通 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012877217/article/details/141886230
版权

目录


微搭中除了常见的五种变量，文本、数字、布尔值、对象、数组外，我们还会经常用两种数据结构Map和Set。本篇我们讲解一下这两种数据结构的常用方法和常见场景。

1 Map的常用方法

Map 是一种键值对的集合，类似于对象，但有一些重要的区别。

// 创建 Map
let myMap = new Map();

// 添加键值对
myMap.set('key1', 'value1');
myMap.set(
了解本专栏 订阅专栏 解锁全文 超级会员免费看
JS中的Map与Set
weixin_43983960的博客
06-28 441
一，Map介绍 Map是一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array： var names = [‘Michael’, ‘Bob’, ‘Tracy’]; var scores = [95, 75, 85]; 给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取出对应的成绩，Array越长，耗时越长。 如果用Map实现，只需要一个“名字”-“成绩”的对照表，直接根据名字查找成绩，无论这个表有多大
JavaScript 中的 Set、Map、WeakSet、WeakMap 详解
越陌度阡
04-04 491
JavaScript 提供了四种特殊的集合类型：Set、Map、WeakSet 和 WeakMap。它们各有特点，适用于不同的场景。 选择指南 1. 需要存储唯一值 → Set 2. 需要键值对且键可能不是字符串 → Map 3. 需要存储对象且不希望阻止垃圾回收 → WeakSet/WeakMap 4. 需要关联对象与数据且对象可能被销毁 → WeakMap 5. 需要关联对象与数据且对象可能被销毁 → WeakMap 这些集合类型为JavaScript提供了更丰富的数据结构选择，能够更优雅地解
JS的set和map
weixin_50975172的博客
05-17 1435
当从该 map 取值的时候，需要遍历所有的键，然后使用索引从存储值的数组中检索出相应的值。作为 ECMAScript 6 的新增特性，Map 是一种新的集合类型，为这门语言带来了真正的键/值存储机制。在 JavaScript 中实现“键/值”式存储可以使用 Object 来方便高效地完成，也就是使用对象属性作为键，再使用属性来引用值。因此，如果你想要这种类型对象的 key 值的列表，你应该使用 Map。，需要包含键/值对数组。的结构是特殊且有效的，其用于映射的 key _只有_在其没有被回收时才是有效的。
JavaScript数据结构-Map的使用
最新发布
Hi_MrXiao的博客
04-09 2014
在 JavaScript 中，Map 是 ES6 引入的一种新的数据结构，它类似于对象，也是键值对的集合，但 Map 的键可以是任意类型的值（对象、函数、基本类型等），而传统对象的键只能是字符串或 Symbol，并且Map保留了插入顺序。
js中MAP和SET
beidaol的专栏
04-14 441
第一篇： Map： Map是一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array： var names = ['Michael', 'Bob', 'Tracy']; var scores = [95, 75, 85]; 给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取出对应的...
js中的set和map-详解
qq_48109675的博客
09-16 2905
Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。Set 构造函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。
Map和Set
LH552315的博客
04-11 255
JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型Map。 Map Map是一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据...
JavaScript之Map和Set_动力节点Java学院整理
10-19
2. 性能优化：查找和删除操作在Map和Set中通常比遍历数组更快，特别是在大数据量时。 3. 易于管理：Set自动过滤重复元素，Map可以方便地管理键值对。 然而，需要注意的是，Map和Set是ES6的新特性，不是所有浏览器都...
一文搞懂ES6中的Map和Set
10-16
在JavaScript中，+0和-0被认为是相同的值，所以它们在Set中只能存储一个。同样，undefined也被视为相同的值。然而，NaN虽然被认为是不相等的，但在Set中NaN被视为相等，因此在Set中也只能存在一个NaN。 总体而言，...
js-collections-map-set：具有示例代码的存储库，以演示JavaScript Map和Set数据结构
02-05
3. 检查元素是否存在于Set中： ```javascript console.log(mySet.has('element1')); // 输出 true ``` 4. 删除元素： ```javascript mySet.delete('element1'); ``` 5. 遍历Set： ```javascript for ...
【JavaScript】Map和Set看这一篇就够了
z914020826的博客
08-17 1389
作为一个前端开发初学者，随着学习的逐渐的深入，用到的对象就不再局限于Object和Array，开始使用Map和Set这两种数据结构无疑是重要的.最近在学习Vue3响应式，依赖收集track以及触发依赖trigger，都使用到了WeakMapMap、以及Set和WeakSet这些数据结构，WeakMap和WeakSet我们后续再说，本篇主要介绍的是Map和Set的基本使用。
js中的set与map
前端杂文
03-01 5661
js中的set与map 简述： Set 和 Map 主要的应用场景在于 数据重组 和 数据储存。 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构。 集合 与 字典 的区别： 共同点：集合、字典 可以储存不重复的值 不同点：集合 是以 [value, value]的形式储存元素，字典 是以 [key, value] 的形式储存 集合（Set）： ES6 新增的一种新的数据结构，类似于数组，成员唯一（内部元素没有重复的值）。且使用键对数据排
JavaScript 中 Set 和 Map 的详细讲解
露西西⭐的博客
03-20 1223
Set具有唯一性、无序性、可迭代。Set 可以存储任意类型的值（包括基本类型和引用类型）。 Map是键值对存储，Map 的键可以是任意类型（包括对象、函数等），Map 会记住键值对的插入顺序，Map 在频繁增删键值对的场景下性能更好。
js中的Set和Map
^_^
02-07 2168
首先，我们先要知道Set和Map是个什么数据类型。控制台打印。顾名思义，是一个构造函数，所以我们就可以使用new关键字来创建出Set和Map对象。​ 一、Set Set构造函数能让你创建Set对象，其可以存储任意类型的唯一值，无论是基本类型或者对象引用。 const set1 = new Set([1, 2, 3, 4, 5]); //Set(5){1, 2, 3, 4, 5}​ 二、Map Map对象保存键值对，并且能够记住键的原始插入顺序。任何值（对象或者基本类型）都可以作为一个键或一个值 ​
js语法---map,set结构
I_am_shy的博客
04-29 2650
map是一个带键的数据项的集合，就像一个Object一样。但是它们最大的差别是Map允许任何类型的键（key）。
JavaScript map对象/set对象详解
日常笔记/总结/系列知识梳理
05-09 5990
这个方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。方法在数组操作中非常有用，它允许你遍历数组的每个元素，并对每个元素执行一个函数，然后将该函数的结果组成一个新的数组。对象是一种特殊的类型，它允许你存储唯一的值（无论是原始值还是对象引用）。以下是一些基本的操作。有时，你可能需要对数组中的每个元素进行复杂的转换，这可能需要多个步骤或依赖于其他数据。是一个内建的对象类型，它允许你存储唯一的值，无论是原始值或者是对象引用。，其中的每个元素都是原数组中对应元素的两倍。
js Map和Set
weixin_30735391的博客
08-27 111
测试你的浏览器是否支持ES6规范的map和set，执行以下代码，如果浏览器报ReferenceError错误则不支持 'use strict'; var m = new Map(); var s = new Set(); alert('你的浏览器支持Map和Set！'); Map的操作： var m = new Map(); m.set("name","张三");//添...
JavaScript：Map和Set
weixin_33912246的博客
01-09 153
最新的ES6规范引入了新的数据类型Map和Set 初始化Map需要一个二维数组，或者直接初始化一个空Map。Map具有以下方法： var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); m.get('Michael'); // 95 var m = new Map();...
JavaScript中Map和Set数据结构详解
m0_70296476的博客
02-12 1461
Map 是 JavaScript ES6 中新增的一种数据结构，它类似于对象，但比对象更强大、更灵活。Map是一种键值对集合，可以存储任意类型的键和值，与普通对象不同，Map保留了键的原始插入顺序，并支持链式调用。Map的键可以是任何类型的数据，包括对象和函数。Set 也是 JavaScript ES6 中新增的一种数据结构，它类似于数组，但成员的值都是唯一的，没有重复的值。Set内部通过哈希算法保证元素的唯一性和快速查找。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

低代码布道师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值