简介
ECMAScript 2020 是一个比较新的 JavaScript 标准,它引入了一些新的特性,其中 Map 和 Set 是比较重要的两个特性。Map 和 Set 都是 ES6 引入的,但是在 ECMAScript 2020 标准中,它们都得到了增强和进一步优化,使得使用起来更加方便和灵活。
Map 和 Set 都是用于存储数据的集合,但是它们有着不同的特性。Map 是一种键值对映射的数据结构,可以存储任意类型的键和任意类型的值,而 Set 则是一种唯一值的集合,其中的值没有重复。
本文将分别详细介绍 Map 和 Set,介绍它们的用途和特性,并给出使用实例。
Map
Map 是一种非常有用的数据结构,它可以用于存储一对一的数据对。在 Map 中,数据对由一个键和一个值组成。Map 中的键和值可以是任何类型。
创建 Map
----- --- - --- ------
上面的代码创建了一个新的 Map 对象,我们可以使用 set 方法向 Map 中添加数据:
--------------- -------- -------------- ----
访问 Map
使用 get 方法可以根据键名获取 Map 中对应的值:
----- ---- - ---------------- ----- --- - ---------------
删除 Map 中的数据
可以使用 delete 方法删除 Map 中的数据:
-------------------
Map 的迭代
我们可以使用 for-of 循环来遍历 Map 中的数据:
--- ------ ----- ------ -- ---- - -------------------- ----------- -
Map 的大小
可以使用 size 属性获取 Map 中数据的个数:
----- ---- - ---------
示例
以下是使用 Map 存储某个班级同学信息的实例:
----- ---------- - --- ------ ---------------------- - ---- --- ----- ---- ----- --- ----------------------- - ---- --- ----- -------- --- ----------------------- - ---- --- ----- ------- --- --- ------ ------ ----- -- ----------- - --------------------- ------------ --------------- -
输出结果:
----- --- --- ---- ------ --- ------ ------ --- -----
Set
Set 是一种唯一值的集合,其中的值没有重复。可以使用 Set 存储任何类型的值,包括基本类型和对象。
创建 Set
通过以下方式创建一个 Set:
----- --- - --- ------
向 Set 中添加数据
可以使用 add 方法向 Set 中添加数据:
----------------- -----------------
删除 Set 中的数据
可以使用 delete 方法删除 Set 中的数据:
--------------------
Set 中的迭代
可以使用 for-of 循环遍历 Set 中的值:
--- ------ ----- -- ---- - ------------------- -
Set 的大小
可以使用 size 属性获取 Set 中数据的个数:
----- ---- - ---------
示例
以下是使用 Set 存储一些数据的实例:
----- ------- - --- ------- -- -- -- -- ---- ----- ------ - --- ------------- --------- ----------- -------------------------- ----------------------------------
输出结果:
- ----
总结
Map 和 Set 都是非常有用的数据结构,在必要的时候可以用来代替数组和对象。Map 可以用于存储一对一的数据对,而 Set 则是用于存储唯一值的集合。在使用 Map 和 Set 时,需要注意它们的特性和使用方式,以便更好地发挥它们的作用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64ce1406b5eee0b525608efa