ES6基础入门教程(六)三个点的作用
2019-10-29 本文已影响0人
党云龙
es6中经常看到的三个点是干什么的
前面说了,es6通过强大遍历体系和扩展运算符来实现数据结构。那么什么又是扩展运算符呢?
扩展运算符从字面来看可能有点难以理解,我们换个叫法:展开运算符,怎么样,就是把某种复杂的事物,一项一项展开了放在你的面前。
先看这个例子:
let a=[1,2,3]
console.log(...a); // 1 2 3
其实...(三个点)就相当于把数组展开了放在那
利用这个原理可以完成很多操作,例如说,把一个数组添加到另一个尾部
let arr1=[1,2,3,4,5]
let arr2=[6,7,8,9,10]
arr1.push(...arr2)
console.log(arr1); //1,2,3,4,5,6,7,8,9,10
或者数组的合并
let arr1=[1,2,3,4,5]
let arr2=[6,7,8,9,10]
let arr3=[...arr1,...arr2]
console.log(arr3); //1,2,3,4,5,6,7,8,9,10
放在函数中
//如果在函数体内使用扩展运算符,必须放在最后面
let fun=(a,b,...c)=>{
console.log(a);
console.log(b);
console.log(c);
}
fun(1,2,3,4,5)