es6--扩展运算符和rest运算符

Posted cyany

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6--扩展运算符和rest运算符相关的知识,希望对你有一定的参考价值。

当编写一个函数的时候,如果参数的个数不确定的时候,我们可以使用扩展运算符...(三个点)


function abc(...arg){
    console.log(arg[0],arg[1]);
}

技术分享图片

扩展运算符还有一个特别的使用,当我们需要复制数组的时候,因为数组是引用类型,存储的是内存地址,
当我们操作复制过来的数组,会影响到前面的数组,如let arr1=[1,2,3];let arr2=arr1;arr2.push(4);console.log(arr1)
技术分享图片
所以为了避免上述情况的发生,可以进行下面的操作
let arr3 =[...arr1];arr3.push(4);console.log(arr3,‘-----‘,arr1)
技术分享图片


rest运算符和扩展运算符其实感觉一样,也是三个点

function rest(first,...arg){
    console.log(arg.length)
}

技术分享图片
技术分享图片







以上是关于es6--扩展运算符和rest运算符的主要内容,如果未能解决你的问题,请参考以下文章

ES6的扩展运算符和rest参数

es6--扩展运算符和rest运算符

ES6数组扩展运算符(Rest+Spread)类方法原型方法

ES6箭头函数rest参数扩展运算符Symbol的使用

ES6扩展/收集运算符--spread/rest

es6扩展运算符及rest运算符总结