javascript - Javascript 中的 "..."运算符

标签 javascript arrays ecmascript-6

<分区>

我在 javascript 中发现了以下情况。我不明白“...”运算符在这里的意思。我在谷歌上搜索它,但我没有得到任何相关信息。这个运算符还有其他用途吗?有人可以帮帮我吗?

var x= [1,2,3];
var y = [4,5,6];

var z = [...x, ...y]; // z will be [1,2,3,4,5,6];

谢谢。

最佳答案

我有一种思维方式,可以很容易地理解和记住“...”的工作原理。

var arr = [1,2,3] // this is arr which is the array

另一方面

...arr            // this is whatever inside arr, which is 1,2,3

因此您也可以将其视为获取数组内部的内容。


请注意,...arr 本身并不是一个有效的语法。你可以在 有很多方法,其中两种是我想到的:

1 - 将数组中的内容传递给函数

var arr = [ 1,2,3 ]
var myFunc = function(a,b,c) {
  console.log(a,b,c)
}
myFunc(..arr)   // logs 1 2 3

myFunc(1,2,3)   // logs 1 2 3

2 - 获取数组内部的内容并在另一个数组中使用它们。

var arr = [ 1,2,3 ]
var foo = [ ...arr, 4,5,6 ] // now foo is [ 1,2,3,4,5,6 ]

关于javascript - Javascript 中的 "..."运算符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40731996/

相关文章:

arrays - 按特定参数对 c 中的结构体数组进行排序

javascript - `if __name__ == ' __main__ '` 相当于 javascript es6 模块

javascript - 倒计时在某些情况下不起作用

javascript - 仅使用 API key 访问 Google Analytics 数据

javascript - 在按键上实现搜索表单上的建议下拉列表(MaterializeCSS)

arrays - 对 MutableByteArray 的写入是原子的吗?

c - 类似于 c 中的 dict

javascript - 如何使用正则表达式替换字符串的一部分

javascript - 用 Javascript 编写的可编辑表格

javascript - 在 Node 中使用 Babel 导入 vs 要求