在 JavaScript 中将 Set 转换为数组
在本文中，我们将研究在 JavaScript 中将 Set 转换为数组。
从像 Set 这样的可迭代对象中，Array.from() 方法可以构造浅拷贝的 Array 实例。使用 ES6，它被添加到 Array 对象中。这就是代码的样子：
var aa = new Set([1, 3, 5, 7]);
let ar = Array.from(aa);
console.log(ar);
输出：
[1, 3, 5, 7]
扩展 syntax (...) 扩展迭代，例如数组表达式或字符串，其中需要零个或多个参数（用于函数调用）或元素（用于数组文字），或者零个或多个键值对扩展为预期的位置（对于对象文字）。
你还可以使用扩展运算符将 Set 更改为数组。展开语法允许增加集合，其中需要一个数组文字。反过来，它引入了 JavaScript 的 ES6 规范。
下面测试它的使用：
var aa = new Set([1, 3, 5, 7]);
let ar = [...aa];
console.log(ar);
输出：
[1, 3, 5, 7]
另一种解决方案是将 Set 的每个元素添加到数组中。这可以使用 forEach() 方法轻松完成，如下所示：
var aa = new Set([1, 3, 5, 7]);
let ar = [];
aa.forEach(k => ar.push(k));
console.log(ar);
forEach() 方法为 Set 对象中的每个值执行一次提供的回调。
输出：
[1, 3, 5, 7]
相关文章
Do you understand JavaScript closures?
发布时间：2025/02/21 浏览次数：108 分类：JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间：2025/02/21 浏览次数：178 分类：JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间：2025/02/21 浏览次数：150 分类：JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：102 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：180 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
