ES6的扩展运算符

扩展运算符的三种常见写法:

1.扩展运算符在等号左边, 将剩余的数据打包到一个新的数组中; ( 注意点: 只能写在最后 )

let [a, ...b] = [1, 3, 5]; 
// a = 1; 
// b = [3, 5];

2.扩展运算符在等号右边, 将数组中的数据解构开

let arr1 = [1, 3, 5];
let arr2 = [2, 4, 6];

let arr = [...arr1, ...arr2];

// let arr = [1, 3, 5, 2, 4, 6];

3.扩展运算符在函数的形参列表中的作用
将传递给函数的所有实参打包到一个数组中
注意点: 和在等号左边一样, 也只能写在形参列表的最后

//形参求和Demo
function getSum(...values) {
    console.log("...values : ", values);
    //...values :  (4) [10, 20, 30, 40]
    
    let sum = 0;
    for (let i = 0; i < values.length; i++){
        let num = values[i];
        sum += num;
    }
    return sum;
}
let res = getSum(10, 20, 30, 40);

console.log("形参求和 : ", res);
//形参求和 :  100

//Demo
function getSum(a, ...values) {
 
    //function getSum(...values, a) {
    // 扩展运算符... 只能写在形参列表的最后
    
    console.log("形参a : ", a);
    console.log("剩余形参 : ", values);
}
getSum(10, 20, 30);

//形参a :  10
//剩余形参 :  (2) [20, 30]
//扩展运算符... 将传递给函数的所有实参打包到一个数组中