Set 是 ECMAScript 2015 引入的新类型，在 ECMAScript 2017 中进行了扩展。Set 类型提供了一种不重复数据项的方式，它允许你在元素列表中存储不同类型的数据。在本文中，我们将深入探讨 Set 的使用方法，并介绍如何在 JavaScript 中利用 Set 类型来实现一些实用功能。
Set 的创建
在使用 Set 前，需要先创建一个新的实例。可以使用 new 关键字创建 Set 对象。以下是一个简单的例子：
----- ----- - --- ------
你可以将初始值传递给 Set 对象，该值将初始化为 Set。以下是使用初始值创建 Set 的示例：
----- ----- - --- -------------
在 Set 中，每个元素都是唯一的，因此如果添加重复项，则会自动删除该项。
Set 的常用方法
添加元素
可以使用 add() 方法向 Set 中添加元素。以下是示例代码：
----- ----- - --- ------ ------------- ------------- -------------
删除元素
可以使用 delete() 方法从 Set 中删除元素。以下是示例代码：
----- ----- - --- ------------- ----------------
检查元素是否存在
可以使用 has() 方法检查 Set 中是否存在指定元素。以下是示例代码：
----- ----- - --- ------------- ------------- -- -- ---- ------------- -- -- -----
获取元素数量
可以使用 size 属性获取 Set 中已存储元素的数量。以下是示例代码：
----- ----- - --- ------------- ----------- -- -- -
获取包含所有元素的数组
可以使用 Array.from() 将 Set 转换为具有相同值的数组。以下是示例代码：
----- ----- - --- ------------- ----- ------- - ------------------
Set 的迭代
Set 类型可以使用 for...of 循环遍历各个元素。以下是示例代码：
----- ----- - --- ------------- --- ------ ----- -- ------ - ------------------- -
Set 实现并集、交集和差集
Set 的独特之处在于，它可以轻松实现集合运算（如并集和交集）。以下是示例代码：
----- ---- - --- ------------- ----- ---- - --- ------------- -- -- ----- ----- - --- ------------- ---------- -- -- ----- ------------ - --- ---------------------- -- -------------- -- -- ----- ---------- - --- ---------------------- -- ---------------
Set 与数组的区别
Set 可以看作是数组的升级版，但两者之间仍然存在一些区别：
Set中的元素是唯一的，而数组中可以存在重复项。Set可以快速检查元素是否存在，而数组需要使用indexOf()或includes()方法。Set在处理大型数据集时的速度往往更快。
结论
Set 类型是 JavaScript 中一个非常实用的数据类型，它可以在许多场景中使用。在本文中，我们介绍了 Set 的使用方法和常用方法，并演示了如何使用 Set 实现集合运算。我们强烈建议您使用 Set 类型，以便优化您的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670e18225f551281025fa3c9