在前端开发中，常常需要使用集合操作。ES6中引入了Set数据结构，可以轻松处理这类情况。本文将介绍ES2021中Set数据结构的基本使用方法，如何正确创建Set数据结构，并演示如何使用Set进行集合操作。
Set 数据结构简介
Set数据结构是一个不重复的集合。该集合可以包含任何类型的值，包括原始值和对象引用。对于Set数据结构中每个值的唯一性，是通过值的全等比较（===）方式实现的。也就是说，Set数据结构不同于数组，它不能包含重复的元素。
下面是一个简单的例子：
let set = new Set([1, 2, 3, 4, 5, 5, 4, 3, 2, 1]);
console.log(set); // Set {1, 2, 3, 4, 5}上面的例子中可以看到，虽然在构造函数的参数中传入了多个重复元素，但Set数据结构中只有一个。
Set 数据结构基本操作
创建 Set
创建 Set 的方法有两种，一种是通过构造函数，另一种是通过使用 Set 内置的静态方法。
// 使用构造函数 let set = new Set([1, 2, 3]); // 使用 Set 的静态方法 let set = Set.of(1, 2, 3);
添加元素
可以使用 add() 方法向 Set 中添加元素。
let set = new Set();
set.add(1);
set.add('hello');
set.add({ name: 'Tom' });删除元素
可以使用 delete() 方法删除 Set 中的元素。
let set = new Set([1, 2, 3]); set.delete(2); // true set.delete(4); // false
判断元素是否存在
可以使用 has() 方法判断 Set 中是否存在某个元素。
let set = new Set([1, 2, 3]); set.has(2); // true set.has(4); // false
获取元素个数
可以使用 size 属性获取 Set 中元素的个数。
let set = new Set([1, 2, 3]); console.log(set.size); // 3
清空元素
可以使用 clear() 方法清空 Set 中所有元素。
let set = new Set([1, 2, 3]); set.clear(); console.log(set.size); // 0
Set 数据结构的集合操作
集合的交集
可以使用集合的交集来获取相同的元素。
let set1 = new Set([1, 2, 3]);
let set2 = new Set([2, 3, 4]);
let intersection = new Set([...set1].filter(x => set2.has(x)));
console.log(intersection); // Set {2, 3}集合的并集
可以使用集合的并集来获取所有元素。
let set1 = new Set([1, 2, 3]);
let set2 = new Set([2, 3, 4]);
let union = new Set([...set1, ...set2]);
console.log(union); // Set {1, 2, 3, 4}集合的差集
可以使用集合的差集来获取两个集合中不同的元素。
let set1 = new Set([1, 2, 3]);
let set2 = new Set([2, 3, 4]);
let difference = new Set([...set1].filter(x => !set2.has(x)));
console.log(difference); // Set {1}总结
本文介绍了 ECMAScript 2021 中 Set 数据结构的基本用法和集合操作。Set 数据结构是一个非常有用的数据结构，可以用于许多集合操作，比如查找、排序、去重等。正确使用 Set 数据结构可以使代码更简洁、更具有可读性，也可以提高代码的性能。我们希望这篇文章能帮助读者更好地理解和使用 Set 数据结构。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c39bc083d39b4881794375