es6的Map和Set类型对比

最新推荐文章于 2024-09-13 20:30:04 发布

原创最新推荐文章于 2024-09-13 20:30:04 发布 · 440 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #Map #Set

博客围绕ES6中的Map和Set展开。ES6带来了新特性，Map和Set是其中重要部分，它们在数据存储和操作上有独特优势，能提升代码效率和可维护性，在前端开发等信息技术领域有广泛应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_777

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

set 和map 的区别是什么？

祈澈菇凉

11-06

4062

需要根据具体的需求和数据结构特点来选择使用 Set 还是 Map。如果只需要存储唯一值并且不关心顺序，使用 Set；如果需要将值与键关联，并且需要根据键进行查找和操作，使用 Map。

【JS】ES6新类型Map与Set

owo_ovo的博客

08-01

1483

【JS】ES6新类型Map与Set

1 条评论您还未登录，请先登录后发表或查看评论

ES6中Map与Set的区别

asteriaV的博客

03-30

1092

Map 在JS中的默认对象的表示方式为{}，即一组键值对，但是键必须是字符串。为了使用Number或者其他数据类型作为键，ES6规范引入了新的数据类型Map。 Map是一组键值对的结构，具有极快的查找速度。初始化Map需要一个二维数组，或者直接初始化一个空Map。使用Map来实现一组成绩单： var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); m.get('Michael'); // 95 Map具有以下方法：.

es6中set与map

lwx33912138的博客

11-08

1795

es6中set与map的介绍以及其区别

es6中set和map的区别

hexadecimal_001的博客

09-13

1040

在ES6（ECMAScript 2015）中，Set和Map是两种新的集合类型，它们提供了更高级的数据结构来存储唯一值或键值对集合。尽管它们在功能上有些相似，但它们在用途和内部机制上存在一些关键区别。

ES6中map与set区别

weixin_47315766的博客

05-18

1530

Set 和 Map 主要的应用场景在于数据重组和数据储存。 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构。 Set 本身是一种构造函数，用来生成 Set 数据结构。 Set 对象允许你储存任何类型的唯一值，无论是原始值或者是对象引用。 Map本质上是键值对的集合，类似集合,可以遍历(forEach)，方法很多可以跟各种数据格式转换。 ...

一文搞懂ES6中的Map和Set

10-16

ES6（ECMAScript 6，也称为ECMAScript 2015）引入了两个新的集合类型：Map和Set。这两种类型在JavaScript中非常有用，尤其是在需要存储键值对或唯一值的场景中。Map和Set的引入，提高了JavaScript的数据处理能力，...

ES6中Set和Map用法实例详解

10-15

Set和Map作为ES6的新特性，不仅丰富了JavaScript的数据结构类型，还提高了数据管理的效率。Set适用于存储唯一值的场景，而Map则适用于需要复杂键值对管理的应用。了解并掌握这两者的用法对于前端开发者来说是十分...

fast-deep-equal:最快的深度相等检查，支持 Date、RegExp 和 ES6 Map、Set 和类型数组

08-04

最快的深度等于 ES6 Map、Set 和 Typed 数组支持。安装 npm install fast-deep-equal 特征兼容 ES5 适用于 node.js (8+) 和浏览器 (IE9+) 按值检查 Date 和 RegExp 对象的相等性。 ES6 equal ( require('fast-...

ES6---Set和Map详解

qq_44971069的博客

01-05

647

是键值对形式的数据结构，类似于对象，也是键值对的集合，键的类型不限于字符串，任何类型的值都可以当做键。1>map.set(key,value) — set方法设置键名对应的键值为value,返回整个Map结构，若此key存在，则更新此值；2>map.get(key) — get方法读取key对应的键值，如果找不到key，返回undefined。3>set.has() — 判断该值是否是该set的一个成员，返回布尔值。2>set.delete() — 删除某个值，返回布尔值，是否删除成功。

ES6之Map和Set有什么不同？

i-cat的博客

09-20

686

什么是Set?什么是Map?二者有什么不同？如何通过new set()实现数组去重？

ES6入门之set和map

weixin_30892987的博客

05-23

192

Set ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。 // 例一 var set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4] var s = new Set(); [2, 3, 5, 4, 5, 2,...

ES6数据结构Set和Map的区别

前端啤酒屋

12-08

6908

Set和Map的区别 1. Map保存键值对，任何值都可以作为键值的值。 2. Set保存的是类数组数据，是值的集合。

【JavaScript】ES6 Set和Map的区别

2301_77198532的博客

04-23

581

5.map和set都是stl中的关联容器，map以键值对的形式存储，key=value组成pair，是一组映射关系。set只有值，可以认为只有一个数据，并且set中元素不可以重复且自动排序。4.Set的值是唯一的可以做数组去重，Map由于没有格式限制，可以做数据存储。1.Map是键值对，Set是值的集合，当然键和值可以是任何的值；2.Map可以通过get方法获取值，而set不能因为它只有值；3.都能通过迭代器进行for…

JavaScript的es6的数据结构Map与Set的区别

weixin_51522175的博客

08-21

1734

特性MapSet数据结构键值对（key-value唯一值（value主要用途存储键值对数据存储唯一值键的类型可以是任意类型不适用值的类型可以是任意类型也可以是任意类型重复键/值允许键覆盖不允许重复值常用方法set()get()has()add()has()delete()遍历方式forEach()forEach()for...of应用场景字典、哈希表去重、集合操作Map适用于需要通过键值对存储和访问数据的场景，而Set。

Set和Map的区别 (@es6)

weixin_30628801的博客

05-23

999

Set结构是类似于数组结构,但是成员都是不重复的值缺点是没办法像数组一样通过下标取值的方法. 构造： let set = new Set([1,2,3]); set.size // 3 数组去重： let arr = [1,2,3,4,5,4,23,1,3]; arr= Array.from(new Set(arr)); // [1, 2, 3, 4, 5, 23] Map结构是键值...

es6Map和Set

五颜六色的白

03-15

748

Map Map是一组键值对的结构，具有极快的查找速度。解决的JavaScript只能以字符串为键的问题 Map 结构的操作方法：（1）set(key, value) （2）get(key) （3）has(key) （4）delete(key) （5）clear() var map=new Map([["ziqi",98],["juxiang",87],["wuning"...

ES6中set和map

weixin_39458031的博客

02-25

1982

一。 set 数据容器能够存储无重复值数据的有序列表 1. 通过 new set() 方法创建容器通过add() 方法添加 2. set.size获取存储的数据的数量例： var set = new Set() set.add(1); set.add('1'); console.log(set) console.log(set.size) 3. Set内部使用Obj...

es6map和set

最新发布

06-04

### ES6中Map和Set的区别与使用方法 #### 1. 数据结构与存储方式 Map 是一种键值对的集合，任何类型的值（包括对象）都可以作为键或值。与对象不同的是，Map 的键是有序的，所以当你遍历它的时候，会按照插入顺序来[^3]。而 Set 是一种集合数据结构，其中的元素都是唯一的，不允许重复。Set 可以通过数组或其他可迭代对象创建，并且支持添加、删除、查找等操作[^4]。 #### 2. 创建方式 - **Map**：可以通过空构造函数创建一个空的 Map，或者通过传入一个二维数组来初始化。 ```javascript let myMap = new Map(); // 空 Map let myMapWithValues = new Map([['key1', 'value1'], ['key2', 'value2']]); ``` - **Set**：可以通过空构造函数创建一个空的 Set，或者通过传入一个数组来初始化。 ```javascript let mySet = new Set(); // 空 Set let mySetWithValues = new Set([1, 2, 3]); ``` #### 3. 添加元素 - **Map**：使用 `set` 方法添加键值对。 ```javascript myMap.set('name', '张三'); myMap.set(1, 'one'); ``` - **Set**：使用 `add` 方法添加元素。 ```javascript mySet.add(1); mySet.add('string'); ``` #### 4. 删除元素 - **Map**：使用 `delete` 方法删除指定键的键值对。 ```javascript myMap.delete('name'); // 删除键为 'name' 的键值对 ``` - **Set**：使用 `delete` 方法删除指定元素。 ```javascript mySet.delete(1); // 删除值为 1 的元素 ``` #### 5. 清空所有数据 - **Map**：使用 `clear` 方法清空所有键值对。 ```javascript myMap.clear(); // 移除所有键值对 ``` - **Set**：使用 `clear` 方法清空所有元素。 ```javascript mySet.clear(); // 移除所有元素 ``` #### 6. 获取大小 - **Map**：使用 `size` 属性获取键值对的数量。 ```javascript console.log(myMap.size); // 输出：2 ``` - **Set**：使用 `size` 属性获取元素的数量。 ```javascript console.log(mySet.size); // 输出：3 ``` #### 7. 检查是否存在 - **Map**：使用 `has` 方法检查某个键是否存在。 ```javascript console.log(myMap.has('name')); // 输出：false ``` - **Set**：使用 `has` 方法检查某个元素是否存在。 ```javascript console.log(mySet.has(1)); // 输出：true ``` #### 8. 遍历 - **Map**：可以通过多种方式进行遍历，例如 `for...of` 循环或 `forEach` 方法。 ```javascript for (let [key, value] of myMap) { console.log(key, value); } myMap.forEach((value, key) => { console.log(key, value); }); ``` - **Set**：同样可以通过 `for...of` 循环或 `forEach` 方法进行遍历。 ```javascript for (let value of mySet) { console.log(value); } mySet.forEach(value => { console.log(value); }); ``` ### 总结 Map 和 Set 在 ES6 中都是非常有用的数据结构，但它们的用途有所不同。Map 更适合存储键值对，尤其是当键需要是复杂类型时；而 Set 则更适合存储唯一值的集合[^1]。