一、扩展运算符

1. 定义：把数组或类数组展开成用逗号隔开的值

function foo(a,b,c) {console.log(a,b,c)
}
let arr = [1,2,3]
foo(...arr)

2. 把两个数组合并

2-1. ES5 实现

let arr1 = [1,2,3]
let arr2 = [4,5,6]
Array.prototype.push.apply(arr1, arr2)
console.log(arr1)
// (6) [1, 2, 3, 4, 5, 6]

2-2 ES6实现

let arr1 = [1,2,3]
let arr2 = [4,5,6]
arr1.push(...arr2)
console.log(arr1)
// (6) [1, 2, 3, 4, 5, 6]

3. 字符串拆分

let str = "xiaoxiao"
var arr = [...str]
console.log(arr)
// (8) ['x', 'i', 'a', 'o', 'x', 'i', 'a', 'o']

二、rest参数

1. 定义：把逗号隔开的值组合成一个数组

2. 数组求和

2-1. ES5方式

function foo () {let sum = 0// arguments 实际参数的数组Array.prototype.forEach.call(arguments, function(item){sum += item})return sum
}
console.log(foo(1, 2))
console.log(foo(1, 2, 3))

2-2. ES6方式— Array.from（）

function foo () {let sum = 0// arguments 实际参数的数组Array.from(arguments).forEach(function(item){sum += item})return sum
}
console.log(foo(1, 2))
console.log(foo(1, 2, 3))

2-3. ES6方式— rest参数 - 把参数的合并成数组

function foo(...args) {console.log(args)let sum = 0 args.forEach(function(item) {sum += item})return sum
}
console.log(foo(1,2))
console.log(foo(1,2,3))
// (2) [1, 2]
// 3
// (3) [1, 2, 3]
// 6

3. 把剩余的参数合并成数组

function foo(x, ...args) {console.log(x)console.log(args)
}
foo(1,2,3)
foo(1,2,3,4)
// 1
// 3 (2) [2, 3]
// 1
// 3 (3) [2, 3, 4]

4. rest 跟解构赋值联合使用

let [x, ...y] = [1, 2, 3]
console.log(x)
console.log(y)
// 1
// (2) [2, 3]