ES7 中 Set 数据结构的使用方法介绍

在 ES6 中，JavaScript 添加了一些新的数据类型，其中包括 Set。Set 是一个无序、不重复的集合，其中的值都是唯一的。ES7 同时也为 Set 添加了一些新的特性，本文将深入介绍 ES7 中 Set 数据结构的使用方法。

创建 Set

首先，我们需要创建一个 Set。可以通过 Set 构造函数来创建一个 Set：

const mySet = new Set();

创建 Set 后，我们就可以添加元素了。有三种方式可以添加元素到 Set 中：

1. 使用 add() 方法：

mySet.add(1);
mySet.add(2);
mySet.add(3);

1. 在构造函数中传入一个数组：

const mySet2 = new Set([1, 2, 3]);

1. 使用扩展操作符：

const mySet3 = new Set([...mySet, 4, 5, 6]);

Set 的操作

Set 支持以下操作：

size

获取 Set 集合的长度：

mySet.size; // 3

has()

检查 Set 是否包含某个值：

mySet.has(2); // true
mySet.has(4); // false

delete()

从 Set 中删除某个值：

mySet.delete(2);

clear()

清空 Set 集合：

mySet.clear();

遍历 Set

Set 可以使用 for...of 循环遍历：

for (let item of mySet) {
  console.log(item);
}

转换为数组

Set 可以通过扩展操作符或 Array.from() 方法转换为数组：

const mySet = new Set([1, 2, 3]);
const myArr1 = [...mySet]; // [1, 2, 3]
const myArr2 = Array.from(mySet); // [1, 2, 3]

Set 的新特性

在 ES7 中，Set 新增了两个方法：includes() 和 forEach()。

includes()

includes() 方法用于检查 Set 是否包含某个值，与 has() 方法功能相同，只不过增加了方法名的可读性：

mySet.includes(2); // true
mySet.includes(4); // false

forEach()

forEach() 方法用于遍历 Set 集合中的每个元素，并执行回调函数：

mySet.forEach(function(item) {
  console.log(item);
});

总结

以上就是 ES7 中 Set 数据结构的使用方法介绍，Set 可以方便地添加、删除和遍历元素，并新增了 includes() 和 forEach() 两个方法，提供更多的操作方式。在实际开发中，我们可以灵活地使用 Set，提高代码效率和可读性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf35b7b5eee0b52569e461