(四) 扩展运算符和rest运算符

本节知识点

• 对象扩展运算符
• rest运算符

运算符的作用

它能够很好的帮助我们解决参数和对象数组在未知的情况下编程。

对象扩展运算符(...)

以前要是没有...我们多余的参数就接收不到了。现在有了...我们多余的参数也就能显示出来了.

function a (a,b,...args){
    console.log(a);
    console.log(b);
    console.log(args[0]);
    console.log(args[1]);
    console.log(args[2]);
    console.log(args[3]);
}
a(1,2,3,4,5);

输出的结果就是1,2,3,4,5,undefined 这样多余的参数也不会报错

• 扩展运算符的作用

let arr = [1,2,3];
let arrcopy = arr;
arrcopy.push(4);
console.log(arr);

以前我们这样做。这样arrcopy改变了，arr也改变了,这不是我们想要的。现在利用(...)则可以解决

let arr = [1,2,3];
let arrcopy = [...arr];
arrcopy.push(4);
console.log(arr);
console.log(arrcopy);

rest运算符

也是由(...)组成

function a(a,...args)
{
     for(let value of args)
     {
         console.log(a+"||"+value);
     }
}

a("开始",1,2,3,4); //输出结果就是开始||1，开始||2,开始||3,开始||4