展开运算符在这段 javascript 代码中的作用是什么?

问题描述

今天我在 medium 中阅读了 this article,但我不了解下面的扩展运算符。

enter image description here

我知道扩展运算符用于接收数组作为函数中的参数。在上面的代码中,展开运算符是做什么的?将对象转换为数组?

解决方法

我知道扩展运算符用于接收数组作为 函数中的参数

在这种情况下,三个点 ... 被称为 rest parameters syntax,而不是 spread syntax。在您的问题中包含的代码中,使用三个点 ... 的上下文称为 spread syntax

在上面的代码中,展开运算符的作用是什么?

它遍历 Setspreads(添加)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 数组创建一个 entriesSet 是您可能已经知道的不同元素的集合。

因此,new Set(entries) 为我们提供了来自 Setentries,如下所示: Set(8) {1, …}

现在,... 运算符将 Set 中的不同元素展开以创建一个数组,即行 - var unique_entries = [...new Set(entries)]

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...