es6map和set

### 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]。

阅读全文

相关推荐

es6map和set的区别

es6map，set

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

ES6中Map和Set

es6 map set

es6中的set和map

es6中的set 和map

详解ES6中的 Set Map 数据结构学习总结

ES6教程：Set与Map深度解析

深入理解ES6：Map与Set数据结构

学习ES6中的Set和Map数据结构

利用ES6中的Set和Map解决常见问题

es6map

es6 set和map

ES6中的set与map

es6 set map

es6 set和map区别

es6中的map和set的用法

机器人开发教程-ROS 进行 SLAM 建图和机器人运动控制

四川话编程语言。基于Python 3.5+，可与Python模块互相引入。.zip

【Android】ImageView水波效果（93/100）

基于嵌入式技术实现人体睡眠控制功能的智能系统设计.docx

大家在看

用C#自制的简易英语单词记忆助手（含源代码）

扑翼无人机准定常空气动力学及控制Matlab代码.rar

均衡器的代码.zip

MATLAB机械臂简单控制仿真（Simulink篇-总）.zip

mfc 打印机打印图片

最新推荐

机器人开发教程-ROS 进行 SLAM 建图和机器人运动控制

软件设计师04-17年真题及模拟卷精编解析

QMCA开源在容器化中的实践：Docker与Kubernetes集成秘籍

CAD切地形剖面图

中级Java开发必学：龙果学院Java多线程并发编程教程

QMCA开源版本控制指南：提升代码管理与团队协作效率的策略

CAD技术标准

快速自定义安装RabbitMQ及Erlang脚本指南

QMCA开源与大数据整合手册：数据处理与整合最佳实践

Byte—SORT算法