ES6 中的 Map 和 Set 数据类型详解及示例

阅读时长 3 分钟读完

在 JavaScript 开发中,Map 和 Set 是两个非常有用的数据类型,它们分别对应了 Map 和 Set 数据结构,是 ES6 引入的新特性。

什么是 Map?

Map 是一种键值对的集合,其中的键和值可以是任何类型的数据,而且可以使用任何值作为键和值,不像 Object,它的键必须是字符串或者 Symbol。

下面是一个声明一个空 Map 的简单例子:

Map 的常用方法

  • set(key, value):向 Map 中添加键值对。
  • get(key):获取对应键的值。
  • has(key):检查 Map 中是否存在指定键。
  • delete(key):删除指定键的键值对。
  • clear():清除 Map 中所有键值对。
  • size:获取 Map 的键值对数量。

Map 示例代码

-- -------------------- ---- -------
-- ---- ----------------
--- ---------- - --- ------

-- ---------
-------------------- ----
-------------------- ----
-------------------- ----

-- ---------
--------------------- ----------------------

-- -- --- -----------
------------------------- ----------------------

-- -- --- --------
--- ---- ------ ------ -- ----------- -
  ---------------- - ------- - -------
-

-- ---------
------------------------

-- ---------
-------------------

-- ------
-------------------- -----------------

什么是 Set?

Set 是一种元素不重复的集合,类似于数组,但是所有元素都是唯一的。Set 中可以包含任何类型的数据,包括对象和原始值。

下面是一个声明一个空 Set 的简单例子:

Set 的常用方法

  • add(value):向 Set 中添加元素。
  • delete(value):删除 Set 中的指定元素。
  • has(value):检查 Set 中是否存在指定元素。
  • clear():清除 Set 中所有元素。
  • size:获取 Set 中元素的数量。

Set 示例代码

-- -------------------- ---- -------
-- ---- ----------
--- --------- - --- ------

-- ----
-----------------
-----------------
-----------------
-----------------

-- ----------
----------------------- ------------------

-- -- --- -----
--- ---- ------ -- ---------- -
  ------------------ --------
-

-- ------
--------------------

-- ------
------------------

-- ------
-------------------- ----------------

总结

Map 和 Set 是非常有用的数据类型,它们可以帮助我们更方便地存储数据,并且还可以进行一些高效的操作,例如,检查元素是否存在、删除元素等等。在实际开发中,我们可以根据需要灵活地选择使用 Map 或者 Set,以提高代码的效率和可读性。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/651f83f395b1f8cacd711db4

纠错
反馈