在传统 JavaScript 中，我们经常需要用对象做一些类似 Map 或是 Set 的操作，但是这种方法并不够优美。在 ES6 中，我们开始使用原生的 Map 和 Set 类型来简化代码并提高内存效率。本文将介绍 Map 和 Set 类的详细使用方法，并提供一些示例代码以便学习及实践。
Map 类型
Map 类型是一种用于存储键值对的集合类型，其中的键和值可以是任意类型。与传统的对象不同，Map 中的顺序是严格固定的，而且可以使用任意类型的值作为键。下面是一个简单的 Map 示例：
const map = new Map();
map.set("name", "John");
map.set("age", 25);
map.set("isStudent", true);
console.log(map); // Map(3) {"name" => "John", "age" => 25, "isStudent" => true}可以看到，我们使用 set 方法向 Map 中添加了三个键值对。其中，键的类型可以是字符串、数字甚至是对象等复杂类型。
Map 常用方法
set(key, value): 向 Map 中添加一个键值对。get(key): 获取 Map 中指定键的值。has(key): 判断 Map 中是否含有指定键。delete(key): 从 Map 中删除指定键的值。clear(): 清空 Map 中所有键值对。size: 返回 Map 中键值对的数量。
Map 示例
通过以下示例，我们可以更好地了解 Map 的使用方法和场景。例如，使用 Map 存储一个人的信息：
-- -------------------- ---- -------
----- ------ - --- ------
------------------ -------
----------- ---
-------------- -------
----------------- ------
-------------------------------- -- ------
-- ------------------------- -
---------------------------
-
------------------------- -- -
---------------
------------------------- -- -Set 类型
Set 类型是一种无序、唯一值的集合类型。其中的元素可以是任意类型，且每个元素都必须是唯一的。下面是一个简单的 Set 示例：
const set = new Set([1, 2, 2, 3, 3, 3, 4, 4, 4, 4]);
console.log(set); // Set(4) {1, 2, 3, 4}可以看到，虽然我们向 Set 中添加了多个重复元素，但 Set 中始终只包含唯一的元素。
Set 常用方法
add(value): 向 Set 中添加一个元素。has(value): 判断 Set 中是否含有指定元素。delete(value): 从 Set 中删除指定元素。clear(): 清空 Set 中所有元素。size: 返回 Set 中元素的数量。
Set 示例
通过以下示例，我们可以更好地了解 Set 的使用方法和场景。例如，使用 Set 存储一组权限列表：
-- -------------------- ---- -------
----- ----------- - --- ------------ -------- ------------
--------------------------
------------------------------------- -- ----
-- ---------------------------- -
------------------------------
-
------------------------------ -- -
--------------------
------------------------------ -- -总结
在本文中，我们详细介绍了 ES6 中的 Map 和 Set 类型的使用方法，并提供了一些示例代码以便更好的学习及实践。相信读完本文后，您已经更好地掌握了这两个类型的特点和用法。在实际编程中，根据具体需求合理使用 Map 和 Set 类型，将会显著提高代码的可读性和运行效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6461f148968c7c53b0346813