ES6中的Map与Set

news/2024/7/11 1:18:58 标签: es6, 前端, javascript

在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() 方法来删除集合中的某个值。

http://www.niftyadmin.cn/n/5465044.html

相关文章

关于 QSound播放wav音频文件,播放失败“using null output device, none available” 的解决方法

若该文为原创文章,转载请注明原文出处 本文章博客地址:https://hpzwl.blog.csdn.net/article/details/137264493 红胖子(红模仿)的博文大全:开发技术集合(包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软…

检索增强微调(RAFT)---使语言模型适应特定领域的 RAG

原文地址:retrieval-augmented-fine-tuning-raft 2024 年 3 月 29 日 摘要(Abstract) 论文介绍了一种名为Retrieval Augmented Fine Tuning(RAFT)的训练方法,旨在提升模型在特定领域“开卷”环境下回答问题的能力。RAFT通过训练模型忽略那些对回答问题没有帮助的文档(称为…

Linux grep和find命令常用类型

1. grep命令的使用。 查找文件中符合条件的字符串或正则表达式,然后将含有范本样式的那一列显示出来。若不指定任何文件名称,或是给的文件名为-,则gerp命令会从标准输入设备读取数据。 用于测试的文件目录结构如下: 1.1 在单个文…

Spring boot如何使用redis缓存

引入依赖 这个是参照若依的&#xff0c;如果没有统一的版本规定的话&#xff0c;这里是需要写版本号的 <!-- redis 缓存操作 --> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</arti…

C++经典面试题目(十七)

1、请解释拷贝构造函数的作用&#xff0c;并说明其调用时机。 拷贝构造函数是一种特殊的构造函数&#xff0c;用于创建一个新对象&#xff0c;其内容与另一个对象相同。它将一个已存在的对象作为参数&#xff0c;并使用该对象的值来初始化新创建的对象。拷贝构造函数的调用时机…

AWS迁移教程,Redis迁移到Elasticache

当企业不断出海拓展业务&#xff0c;面临的挑战之一就是如何高效迁移应用程序及数据库至云端。为解决这一问题&#xff0c;AWS云专门提供多种简单且高效的迁移方式&#xff0c;进行帮助企业实现应用程序的平稳迁移&#xff0c;从而降低迁移过程中的风险和成本。下面九河云将为大…

Jupyter Notebook启动及其常用快捷键

添加图片注释&#xff0c;不超过 140 字&#xff08;可选&#xff09; 1.JupyterNotebook 第一种启动方式 点击 windows 电脑左下角开始 > 搜索 Anaconda > 点击 Anaconda Prompt 添加图片注释&#xff0c;不超过 140 字&#xff08;可选&#xff09; 在命令行窗口输入&…

【洛谷】P9240 [蓝桥杯 2023 省 B] 冶炼金属

题目链接 P9240 [蓝桥杯 2023 省 B] 冶炼金属 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 思路 这道题可以用数学的方法去做&#xff0c;但是我想不到&#x1f607;有兴趣的可以去看看数学的题解 比较简单的思路就是二分查找&#xff0c;轻松简单不费脑&#xff0c;带你…