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>

输出:

a938bf53d73251bdcd5ba22c22d5557.png

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

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

语法:

var variablename = [...value];

示例:

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

输出:

7b37df786e4cc42cd779dfb1a889eec.png

方法三:使用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>

输出:

851b33cfeb9f6ac0d83adf0ef04f3e6.png

更多web开发知识,请查阅 HTML中文网 !!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值