JavaScript 中 Array 转换为 Set

JavaScript 中的数组是什么？

在 JavaScript 中，数组是一种对象，它包含一个类似数据的数据集合。换句话说，数组是用于存储值或元素的相似数据类型的集合。

通过 JavaScript 中的数组，我们可以组织相似类型的数据并对其进行存储。在 JavaScript 中，数组的第一个元素位于索引零处，第二个元素位于索引 1 处，依此类推。

语法

JavaScript 中的 Set 是什么？

在 JavaScript 中，Set 是一种数据对象，它保存着一组唯一的值。在 Set 中，我们不能包含重复的值或元素，但可以存储任何类型的数据。

在 JavaScript 中，如果我们有一个 Set 中的重复或相等的值，则只会保存 Set 中的第一个实例。换句话说，Set 是一种允许我们存储唯一值且不允许任何元素重复的对象。

语法

如何在 JavaScript 中将数组转换为 Set？

在 JavaScript 中，如果我们想将数组转换为 Set，则需要使用一些方法。一些方法如下：

• Map() 和 add() 方法
• Reduce() 方法
• Spread() 操作符

使用 Map() 和 add() 方法

在 JavaScript 中，通过使用 Map() 方法，我们可以为每个元素调用一次函数，而不会改变原始数组；通过使用 add() 方法，我们可以添加一个具有指定值的元素。

语法

让我们举个例子来理解 Map() 方法和 add() 方法在 JavaScript 中的工作原理。

示例

示例

在上面的示例中，我们创建了一个数组，然后使用 Map() 方法创建了一个要添加到 Set 中的元素数组，然后创建了一个新的 Set，并使用 add() 方法将每个元素添加到 Set 中。

完成所有这些之后，我们在浏览器控制台中打印了转换后的数组到 Set。

输出

使用 Reduce() 方法

在 JavaScript 中，通过使用 Reduce() 方法，我们可以为数组元素执行一个函数，从而返回压缩值。在 JavaScript 中，我们可以通过将引用数组元素的该值传递给创建的 Set 来应用 Reduce() 方法。

语法

让我们举个例子来理解 Reduce() 方法在 JavaScript 中的工作原理。

说明

在上面的示例中，我们创建了一个包含整数和字符串的数组并进行了显示。然后我们创建了一个 Set，使用了 Reduce() 方法，并将 item 值传递给引用已创建 Set 的 add 方法。这将导致将创建的数组压缩到各个 Set 值中。

输出

使用 Spread() 操作符

在 JavaScript 中，使用 Spread 操作符可以将数组的全部或部分复制到另一个数组中。换句话说，Spread 操作符使我们能够访问可迭代对象（iterable objects）的内部。

在 JavaScript 中，可迭代项是我们可以通过对象迭代的任何内容，例如数组、对象字面量和字符串。

示例

让我们通过这个程序举个例子来详细理解 Spread 操作符。

说明

在上面的示例中，我们创建了一个数组，在创建数组后，我们使用 Spread 操作符将数组展开到一个新的 Set 中，并使用 console log 打印输出。

输出

将数组转换为 Set 的好处

在 JavaScript 开发中，将数组转换为 Set 具有许多优点。

消除重复元素

在 JavaScript 中，Set 会自动删除重复的元素并确保数据完整性。

提高性能

在 JavaScript 中，与数组相比，Set 提供了更快的访问和查找时间，尤其是在处理大型集合时。

简化的数据操作

在 JavaScript 中，Set 为我们提供了各种用于集合操作（如并集、交集和差集）的内置方法。