在前端开发中,我们经常需要处理数据集合或者键值对。ES6 中的 Set 和 Map 数据结构提供了一种更加高效和方便的方式来操作这些数据。
Set 数据结构
Set 是一种数据结构,类似于数组,但是成员的值都是唯一的,没有重复的值。Set 实例可以用来存储任何类型的唯一值,无论是原始值或者是对象引用。
创建 Set
创建一个空的 Set:
----- --- - --- ------
创建一个包含初始值的 Set:
----- --- - --- ------- -- ----
Set 的基本操作
添加元素:
----------- -----------
删除元素:
--------------
判断元素是否存在:
-----------
清空 Set:
------------
Set 的遍历
遍历 Set 中的元素:
------------------- ---- -- --------------------
使用 for...of 遍历 Set:
--- ---- ----- -- ---- - ------------------- -
Set 的应用场景
Set 可以用于数组去重:
----- --- - --- -- -- -- --- ----- --- - --- --------- ----- --------- - ----------------
Map 数据结构
Map 是一种数据结构,类似于对象,也是键值对的集合。但是,Map 的键可以是任意类型,不仅仅是字符串或者 Symbol。
创建 Map
创建一个空的 Map:
----- --- - --- ------
创建一个包含初始键值对的 Map:
----- --- - --- ------------- ------ ------- ------
Map 的基本操作
添加键值对:
----------------- ----- ---------------- ------ -------
获取键值对:
----------------
删除键值对:
------------------
判断键是否存在:
------------------
清空 Map:
------------
Map 的遍历
遍历 Map 中的键值对:
------------------- ---- -- --------------- - -- - - --------
使用 for...of 遍历 Map 中的键值对:
--- ---- ----- ------ -- ---- - --------------- - -- - - ------- -
Map 的应用场景
Map 可以用于缓存数据:
----- ----- - --- ------ -------- ------------ - -- ---------------- - ------ -------------------------------- - ---- - ------ ------------------- -- - -------------- ----- ------ ---- --- - -
总结
Set 和 Map 数据结构是 ES6 中非常有用的新特性,能够提高数据操作的效率和方便性。在实际开发中,我们可以根据具体的需求选择使用 Set 或者 Map,以达到更好的效果。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/656b8d01d2f5e1655d3f5dae