ES6-扩展运算符和rest运算符-优快云博客

本文介绍了ES6中扩展运算符与rest运算符的基本概念及应用实例，演示了如何利用扩展运算符避免引用拷贝导致的问题，并展示了rest运算符在函数参数不确定情况下的灵活运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

扩展运算符：不确定他的参数个数时使用运算扩展符

// 声明一个方法 但不确定他的参数个数时使用对象运算扩展符
function ananiha(...arg){
        console.log(arg[0]); //1
        console.log(arg[1]); //2
        console.log(arg[2]); //3
        console.log(arg[3]); //undefined
}
ananiha(1,2,3);

// 例子
let arr1 = ['www','anan','com'];
let arr2 = arr1;    //不开辟新的内存空间 把arr2的内存空间映射到了arr1
console.log(arr2);

arr2.push('roger');
console.log(arr1);

// 用扩展运算符去解决
let arr1 = ['www','anan','com'];
let arr2 = [...arr1]; //赋值arr1中的每一个值 
console.log(arr2); //没有改变

arr2.push('roger');
console.log(arr2); //改变了
console.log(arr1);  //没有改变

rest运算符：

// rest运算符
// rest...
//rest 英文翻译：剩余

function anan(first,...arr){
    // console.log(arr.length);
    // for of 循环提高效率
    for(let val of arr){
        console.log(val);
    }
}
anan(1,3,4,5,6,8); // 5  打印出来我们不确定的参数的length