扩展运算符的一些运用

1、利用扩展运算符 求未知个数的数字和

// (...args) 代表接受函数的 所有实参，他是一个数组形式
var sum = (...args) => {
let total = 0;
// 在这里给 数组遍历 让它求和
args.forEach((item) => { total = total + item });
return total;
}
console.log(sum(20, 40));   // 20+40=60
console.log(sum(1, 2, 3, 4, 5));  // 1+2+3+4+5=15;

2、剩余参数

var arr1 = ['red', 'green', 'blue', 'yellow'];
var [s1, ...s2] = arr1;
console.log(s1);  // s1 = 'red'
console.log(s2); // s2 = ['green', 'blue', 'yellow'];

3、将数组拆分成以 ","分隔的参数序列

var arr2 = ['a', 'b', 'c', 'd'];
console.log(...arr2);   // 输出的是 a b c d
// ...arr2 即变成了 a,b,c,d 相当于console.log('a', 'b', 'c', 'd');  输出的是 a,b,c,d

4、扩展运算符应用于数组的合并

// 数组合并1
var arg1 = [1, 2, 3];
var arg2 = [4, 5, 6];
var arg3 = [...arg1, ...arg2]; // arg3 = [1,2,3,4,5,6];
console.log(arg3);

// 数组合并2
var arg4 = [1, 2, 3];
var arg5 = [4, 5, 6];
arg4.push(...arg5);  // 就相当于 arg4.push(4,5,6)
console.log(arg4);  // arg4 = [1, 2, 3, 4, 5, 6];