如何使用JavaScript将Set转换为Array？

最新推荐文章于 2025-03-29 20:46:57 发布

m0_66319974

最新推荐文章于 2025-03-29 20:46:57 发布

阅读量6.6k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_66319974/article/details/122436737

版权

本文介绍了JavaScript中将Set转换为Array的三种方法：使用Array.from()，扩展运算符和forEach。通过这些方法，可以方便地将Set对象转换为常规的Array对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何使用JavaScript将Set转换为Array？下面本篇文章家里给大家介绍一下在JavaScript中将Set转换为Array的方法，希望对大家有所帮助。

在JavaScript中，想要将Set（集合）转换为Array数组，可以通过以下方式实现。

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

Array.from()方法从对象或可迭代对象（如Map，Set等）返回一个新数组。

语法：

Array.from(arrayLike object);

示例：

<script> 
     const set =  new Set(['welcome',  'you','!']); 
     console.log(set);
     console.log(Array.from(set))
</script>

方法二：使用扩展运算符(三点运算符)“...”

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

语法：

var variablename = [...value];

示例：

<script> 
       const set =  new Set(['HELLO', 'JS']); 
       console.log(set);
       const array = [...set]; 
       console.log(array); 
</script>

方法三：使用forEach

示例：

<script> 
var Set = new Set();
var Array = [];
Set.add("Hello");
Set.add("World");
Set.add("!");
console.log(Set);
var someFunction = function(
 val1, val2, setItself) {
 Array.push(val1);
};
Set.forEach(someFunction);
console.log("Array: " + Array); 
</script>