ES6中的Map与Set

在ES6中,Map和Set是两种新的数据结构,用于存储和操作数据。它们提供了更灵活和高效的方式来处理集合和键值对。

Map:

Map 是一种键值对的集合,类似于传统的对象(Object),但具有更多的功能。以下是 Map 的一些特点:

  • 键可以是任意数据类型,包括基本类型和对象引用。
  • 保持插入顺序,即插入的键值对将按照插入的顺序进行迭代。
  • 可以使用 size 属性获取 Map 的大小。
  • 提供了丰富的方法来操作和查询数据,如 set()、get()、has()、delete() 等。
      以下是使用 Map 的示例代码:
javascript 复制代码
const map = new Map();

map.set("key1", "value1");
map.set("key2", "value2");

console.log(map.get("key1")); // 输出 "value1"
console.log(map.size); // 输出 2
console.log(map.has("key2")); // 输出 true

map.delete("key2");
console.log(map.size); // 输出 1

Set:

Set 是一种唯一值的集合,它不允许重复的元素。以下是 Set 的一些特点:

  • 只能存储唯一的值,重复的值将被忽略。
  • 保持插入顺序,即插入的元素将按照插入的顺序进行迭代。
  • 可以使用 size 属性获取 Set 的大小。
  • 提供了丰富的方法来操作和查询数据,如 add()、has()、delete() 等。
      以下是使用 Set 的示例代码:
javascript 复制代码
const set = new Set();

set.add("value1");
set.add("value2");
set.add("value2"); // 重复的值将被忽略

console.log(set.size); // 输出 2
console.log(set.has("value1")); // 输出 true

set.delete("value2");
console.log(set.size); // 输出 1

Map和Set在处理数据时的区别

数据结构:

  • Map 是键值对的集合,每个键都唯一且与一个值相关联。Set 是唯一值的集合,不允许重复的元素。

键的类型:

  • Map 的键可以是任意数据类型,包括基本类型和对象引用。Set 存储的是唯一值,可以是任意数据类型。

迭代顺序:

  • Map 保持插入顺序,即插入的键值对将按照插入的顺序进行迭代。Set 也保持插入顺序,即插入的元素将按照插入的顺序进行迭代。

重复值:

  • Map 允许相同的值关联不同的键,每个键都是唯一的。Set 不允许重复的值存在,如果尝试插入重复的值,将被忽略。

大小和查询操作:

  • Map 提供了 size 属性来获取集合的大小,可以使用 get() 方法根据键获取对应的值。Set 也提供了 size 属性来获取集合的大小,可以使用 has() 方法来检查集合中是否存在某个值。

删除操作:

  • Map 提供了 delete() 方法来根据键删除键值对。Set 提供了 delete() 方法来删除集合中的某个值。
相关推荐
qq_5470261795 小时前
Flowable 工作流引擎
java·服务器·前端
刘逸潇20055 小时前
CSS基础语法
前端·css
吃饺子不吃馅6 小时前
[开源] 从零到一打造在线 PPT 编辑器:React + Zustand + Zundo
前端·svg·图形学
小马哥编程7 小时前
【软考架构】案例分析-Web应用设计(应用服务器概念)
前端·架构
鱼与宇7 小时前
苍穹外卖-VUE
前端·javascript·vue.js
啃火龙果的兔子7 小时前
前端直接渲染Markdown
前端
z-robot7 小时前
Nginx 配置代理
前端
用户47949283569157 小时前
Safari 中文输入法的诡异 Bug:为什么输入 @ 会变成 @@? ## 开头 做 @ 提及功能的时候,测试同学用 Safari 测出了个奇怪的问题
前端·javascript·浏览器
没有故事、有酒8 小时前
Ajax介绍
前端·ajax·okhttp
朝新_8 小时前
【SpringMVC】详解用户登录前后端交互流程:AJAX 异步通信与 Session 机制实战
前端·笔记·spring·ajax·交互·javaee