JavaScript 如何将Set转换为Array

本文将向您展示如何在JavaScript中将Set转换为Array。要将Set转换为Array，我们需要了解Set的主要特点。Set是一组唯一的项，即不能重复的元素。ES6中的Set是有序的，即可以按照插入顺序迭代Set的元素。

将set转换为array的方法：

在JavaScript中，有以下几种方法可以将Set转换为Array：

JavaScript Array.from()方法
JavaScript Spread Operator（扩展运算符）
JavaScript forEach()方法

方法1：使用JavaScript Array.from()方法

这个方法将从一个类似数组的对象或可迭代对象（如Map、Set等）返回一个新的数组。

语法：

Array.from(arrayLike_object);

示例： 在这个示例中，我们将使用Array.from()方法将Set转换为Array。

// Creating new set
let set = new Set(['welcome', 'to', 'GFG']);
 
// converting to set
let arr = Array.from(set);
 
// Display 
console.log(arr);

输出

[ 'welcome', 'to', 'GFG' ]

方法2：使用JavaScript扩展运算符

使用扩展运算符也可以帮助我们将Set转换为数组。

语法：

let variablename = [...value];

示例： 在这个示例中，将使用扩展运算符，将一个集合转换成一个数组。

// Input set
let set = new Set(['GFG', 'JS']);
 
// Convert using spread operator
let array = [...set];
 
//Display output
console.log(array);

输出

[ 'GFG', 'JS' ]

方法3：使用JavaScript的forEach()方法

arr.forEach()方法对数组的每个元素调用提供的函数一次。

示例： 在这个示例中，将使用forEach()方法将一个集合转换为数组。

// Create input set
let newSet = new Set();
let arr = [];
 
newSet.add("Geeks");
newSet.add("for");
 
// duplicate item
newSet.add("Geeks");
 
let someFunction = function (
    val1, val2, setItself) {
    arr.push(val1);
};
 
newSet.forEach(someFunction);
 
// Display output
console.log("Array: " + arr);

输出