JS Set转数组|极客笔记

JS Set转数组

在JavaScript中，Set是一种集合数据结构，它类似于数组，但是集合中的元素不允许重复。Set对象允许你存储任何类型的唯一值，无论是原始值或者对象引用。

有时候我们需要将Set转换为数组，以便更方便地进行操作和处理。本文将详细介绍如何将Set转换为数组，并提供示例代码和运行结果。

创建一个Set对象

首先，我们需要创建一个Set对象。可以通过以下方式创建一个新的Set对象：

let mySet = new Set();

我们也可以在创建Set对象时传入一个数组，这样会自动去除重复的元素，只保留唯一值：

let mySet = new Set([1, 2, 3, 3, 4, 5]);
console.log(mySet); // Set { 1, 2, 3, 4, 5 }

将Set转换为数组

现在，我们已经创建了一个Set对象，接下来我们将其转换为数组。有几种方法可以做到这一点。

方法一：使用Array.from()

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。我们可以使用Array.from()将Set对象转换为数组：

let mySet = new Set([1, 2, 3, 4, 5]);
let myArray = Array.from(mySet);
console.log(myArray); // [1, 2, 3, 4, 5]

方法二：使用展开运算符（Spread Operator）

另一种将Set对象转换为数组的方法是使用展开运算符（Spread Operator）：

let mySet = new Set([1, 2, 3, 4, 5]);
let myArray = [...mySet];
console.log(myArray); // [1, 2, 3, 4, 5]

示例代码

下面是一个完整的示例代码，演示了如何将Set转换为数组，并输出转换后的数组：

// 创建一个Set对象
let mySet = new Set([1, 2, 3, 3, 4, 5]);

// 使用Array.from()将Set转换为数组
let myArray1 = Array.from(mySet);
console.log(myArray1); // [1, 2, 3, 4, 5]

// 使用展开运算符将Set转换为数组
let myArray2 = [...mySet];
console.log(myArray2); // [1, 2, 3, 4, 5]