前端开发es6入门基础

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)
上一篇下一篇

猜你喜欢

热点阅读