在 ES6 中引入了两种新的数据结构 Map 与 Set。它们作为一种新的数据结构，已经被广泛应用于前端开发中，并对提高代码的可读性、可维护性和性能方面起到了很大的作用。本文将着重介绍这两种新的数据结构，详细讲解其结构、使用方法以及实际应用场景。
Map 数据结构
Map 数据结构是一种能够让开发者使用键值对存储数据的新容器。它的使用方法与传统的 JavaScript 对象有些类似，但更加灵活、可读性更强。在使用 Map 时，可以将任意类型的值（包括对象）作为 Map 的键值，Map 是通过 ES6 中 Symbol 类型实现的。下面是 Map 的一些基本操作：
创建 Map
我们可以通过以下方式来创建 Map：
var map = new Map();
添加键值对
在 Map 中每个元素是一个 [key, value] 的二元组，可以使用 set() 方法来添加键值对：
map.set(key, value);
获取值
可以通过键值使用 get() 方法来获取值：
map.get(key);
删除键值对
可以使用 delete() 方法来删除 Map 中的某个键值对：
map.delete(key);
Map 的大小
可以使用 size 属性来获取 Map 的大小：
map.size;
遍历 Map
可以使用 entries() 方法来遍历 Map，该方法会返回一个迭代器，其中每个元素都是一个键值对：
for (let [key, value] of map) {
console.log(key, value);
}上述代码可以用以下代码等价替换：
map.forEach((value, key) => {
console.log(key, value);
});示例代码
下面是一个简单示例，将 Map 作为缓存来存储一些数据：
-- -------------------- ---- -------
----- ----- - --- ------
-------- ------------------ -
----- ------------ - ---------------
-- -------------- -
-------------------- ---- ---- ----- ---- ---------
------ -------------
-
----------------------- ----- ---- ---------
----- ------ - -----------------------
-------------- --------
------ -------
-在上面的代码中，我们创建了一个名为 cache 的 Map，利用 Map 的 get 和 set 方法来实现了缓存的目的。
Set 数据结构
Set 数据结构允许开发者存储一组唯一的值，这些值可以是任何类型。Set 数据结构类似于数组，但是没有顺序，每个值只出现一次。Set 是通过 ES6 中的 Symbol 类型实现的。下面是 Set 的一些基本操作：
创建 Set
我们可以通过以下方式来创建 Set：
var set = new Set();
添加元素
可以使用 add() 方法在 Set 中添加元素：
set.add(value);
获取元素
可以使用 has() 方法来判断某个元素是否存在于 Set 中：
set.has(value);
删除元素
可以使用 delete() 方法来删除 Set 中的某个元素：
set.delete(value);
Set 的大小
可以使用 size 属性来获取 Set 的大小：
set.size;
遍历 Set
可以使用 values() 或 keys() 方法来遍历 Set 中的值：
for (let value of set.values()) {
console.log(value);
}示例代码
下面是一个简单的示例，我们利用 Set 数据结构来去重一个数组中的元素：
const array = [1, 2, 1, 3, 2, 4, 5]; const set = new Set(array); const uniqueArray = Array.from(set); console.log(uniqueArray); // [1, 2, 3, 4, 5]
在上面的代码中，我们创建了一个 Set，并通过 Array.from 方法将 Set 转换成了数组，实现了去重的目的。
总结
ES6 中的 Map 和 Set 数据结构是一项非常实用的功能，开发者可以利用它们来提高代码的可读性、可维护性和性能方面。不妨在实际开发过程中灵活应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6494f5e548841e989423fd14