如何解决展开运算符在这段 javascript 代码中的作用是什么?
今天我在 medium 中阅读了 this article,但我不了解下面的扩展运算符。
我知道扩展运算符用于接收数组作为函数中的参数。在上面的代码中,展开运算符是做什么的?将对象转换为数组?
解决方法
我知道扩展运算符用于接收数组作为 函数中的参数
在这种情况下,三个点 ...
被称为 rest parameters syntax
,而不是 spread syntax
。在您的问题中包含的代码中,使用三个点 ...
的上下文称为 spread syntax
。
在上面的代码中,展开运算符的作用是什么?
它遍历 Set
并spreads(添加)Set
中的条目到一个新数组中
以下代码片段显示了一个简单的示例:
const set = new Set([1,2,3]);
const newArr = [...set];
console.log(newArr);
展开运算符与数组语法 ([]
) 相结合,从 Set 中获取值,由于缺乏更好的术语,将它们展开,因此您将获得一个包含 Set 中所有值的数组.最终结果是您将一个数组转换为另一个包含原始数组中唯一值的数组。
让我们一行一行地看。
var entries = [1,3,4,5,6,7,8,1]
这将创建一个包含一些数字列表的数组 entries
。
现在,当我们这样做时,new Set(entries)
,我们从 Set
数组创建一个 entries
。
Set
是您可能已经知道的不同元素的集合。
因此,new Set(entries)
为我们提供了来自 Set
的 entries
,如下所示:
Set(8) {1, …}
现在,...
运算符将 Set
中的不同元素展开以创建一个数组,即行 - var unique_entries = [...new Set(entries)]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。