JavaScript Map（）与 Set（）的理解和使用

最新推荐文章于 2024-04-12 19:19:43 发布
最新推荐文章于 2024-04-12 19:19:43 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kiyoometal/article/details/105201065
版权

Map和Set

Map和Set是ES6标准新增的数据类型，请根据浏览器的支持情况决定是否要使用。
不能用下标获取元素。

为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。
具有iterable类型的集合可以通过新的for ... of循环来遍历。

Map

Map是一组键值对的结构，具有极快的查找速度。

举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array：

var names = ['Michael', 'Bob', 'Tracy'];
var scores = [95, 75, 85];

给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取出对应的成绩，Array越长，耗时越长。

如果用Map实现，只需要一个“名字”-“成绩”的对照表，直接根据名字查找成绩，无论这个表有多大，查找速度都不会变慢。用JavaScript写一个Map如下：

var m = new Map([['Michael', 95], ['Bob'
最低0.47元/天 解锁文章
邬羽
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript之Map和Set_动力节点Java学院整理
10-19
JavaScript中的Map和Set是ES6规范引入的两种新的数据结构，它们提供了更加灵活和高效的方式来存储和操作数据。 Map是一种键值对的集合，它的主要特点是查找速度快。与JavaScript对象{}不同，Map的键可以是任何类型...
js-collections-map-set：具有示例代码的存储库，以演示JavaScript Map和Set数据结构
02-05
js-collections-map-set 示例代码库，用于演示JavaScript Map和Set数据结构。 设置与数组 设置+数组=更好在一起！
ES6中对于Set和Map的理解
42384718的博客
09-20 423
Set和Map 1.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 上面代码通过**add()**方法向 Set 结构加入成员，结果表
Map（）和Set（）
zl131452的博客
03-31 163
Map() const obj=new Set();//声明     obj.add(1);// 添加数据(可以是任意类型的数据)，不能有重复     obj.delete(1) //删除数据     console.log(obj.has(1))// 判断是否有值：1：返回Boolean     obj.forEach(element => {});  // 遍历     let len=
ES6方法set()和map()（秒懂set和map的应用）
最新发布
百赢出品，必属精品
04-12 767
Set是一种无序且唯一的集合，它可以存储任何类型的值（原始值或对象引用），但是不允许重复的值。Map是一种键值对的集合，其中的键可以是任意数据类型，包括原始值、对象引用或者函数。与Object不同的是，Map中的键值对是按插入顺序存储的。Set：Set是一种集合，其中的元素是唯一且无序的。它存储一组唯一的值，不允许重复。主要用于去重、存储唯一值的集合。常用于数组去重、统计唯一值、过滤重复输入等场景。Map：Map是一种键值对集合，其中的每个元素都由一个键和一个值组成。
javascript常用方法之Map和Set
asteriaV的博客
06-20 254
Map Map是一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array： var names = ['Michael', 'Bob', 'Tracy']; var scores = [95, 75, 85]; 给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取出对应的成绩，Array越长，耗时越长。 如果用Map实现，只需要一个“名字”-“成绩”的对照表，直接根据名字查找成绩，无论这个表
Map()和Set()
qq_42238554的博客
01-23 1130
Set() 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 用法如下例子： const set1=new Set([1,2,2,4,3,4]); console.log(set1);//结果为：{1, 2, 4, 3} 语法： new Set([iterable]);注意中括号 参数说明： iterable:如果传递一个可迭代对象，它的所有元素将被添加到新的 Set中。如果不指定此...
ES6--Set()和Map()
div23454的博客
08-22 113
Set() const set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4] 使用Set去重 // 去除数组的重复成员 [new Set(array)] //去除字符串中的重复字符 [new Set('ababbc')].join('') // "abc" set实例的属性和方法 属...
ES6新增数据类型set和map
01-20
文章目录前言1、Set2、Map 前言 JavaScript有一种数据类型叫对象，js中的数组算是一种新的类型，是一种特殊的对象，也是一种有序的对象，只是数据的组合方式不一样。 数据结构：数据是具体的东西，类型是一个范围，...
ES6教程之for循环和Map,Set用法分析
08-30
在ES6中，for循环和Map、Set是重要的新特性，...总的来说，ES6的for循环和Map、Set提供了更强大的数据处理能力，使JavaScript编程更加简洁和高效。在实际开发中，合理利用这些新特性，可以提高代码的可读性和维护性。
ES6中Symbol、Set和Map用法详解
10-16
在ES6中，JavaScript引入了三个新的数据结构：Symbol、Set和Map，它们为编程提供了更多的灵活性和便利性。下面将详细阐述这三个概念及其用法。 ### 1. Symbol **Symbol** 是一种全新的原始数据类型，它的值是...
Set()，Map()的使用(12)
qq_59076775的博客
12-25 412
一.谈谈set，map是什么？ set 是es6 提供的一种新的数据结构，它类似于数组，但是成员的值都是唯一的。 map 是es6 提供的一种新的数据结构,它类似于对象，也是键值对的集合，但是键的范围不仅限于字符串，各种类型的值都可以当做键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。 二.Set()方法 表现的形式: add(val
Map（）与 Set（）的理解和使用
07-18 193
#Map和Set Map和Set是ES6标准新增的数据类型，请根据浏览器的支持情况决定是否要使用。 不能用下标获取元素。 为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。 具有iterable类型的集合可以通过新的for … of循环来遍历。 #Map Map是一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array： var names = ['Michael', 'Bo
JS——Map对象 Set对象
weixin_52148548的博客
02-15 3297
Map(key,value) Map 对象是存储键值对的集合，并且能够记住键的原始插入顺序。具有极快的查找速度。 创建 第一种：创建的时候进行初始化 let map = new Map([ [1, 'one'], [2, 'two'], [3, 'three'], ]); 第二种：创建空的Map，然后添加元素 let map=new Map() map.set(1,'one') map.set(2,'two') map.set(3,'th
JavaScript中 Map Set详解
明天也要努力的博客
11-22 3685
1. Map 和 Set 1.1 Map Map: 一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array： var names = ['Michael', 'Bob', 'Tracy']; var scores = [95, 75, 85]; 给定一个名字，要查找对应的成绩，就先要在 names 中找到对应的位置，再从 scores 取出对应的成绩，Array越长，耗时越长。 如果用Map实现，只需要一个“名字”-“成绩”的对照表，
JavaScript中Set、Map的应用
戴翔的技术博客
10-20 461
0 什么是Set、Map Set是一系列无序、没有重复值的数据集合。你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。 Map是一系列键值对的集合。Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。 1 Set的应用 1.1 数组去重 例1：JavaScript中的Set，利用其特性，将数组[1, 2, 3, 3, 2, 1]去重后返回。 console.log([...new Set([1, 2, 3, 3
ES6基础使用3
weixin_43821000的博客
12-15 86
Class关键字 Class的基本使用 通过class定义类 class Person{} 在类中通过constructor() 定义构造方法 class Person{ constructor(name,age){ console.log('构造函数会被自动调用'); this.name = name this.age = age } } 通过new来创建类的实列 let person = new Person('j
js Map和Set用法及使用场景（持续更新）
weixin_44115908的博客
06-26 4459
jsmap 和set
09-07
JavaScript中的Map和Set是两种常用的数据结构。Map是一种键值对的集合，其中每个键只能对应一个值。可以使用`new Map()`来初始化一个空的Map，也可以使用二维数组来初始化一个Map。可以使用`map.set(key, value)`来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值