ES6之扩展运算符(spread)和剩余运算符(rest)

一.拓展运算符（spread）

1.将数组插入到另一个数组中

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

2.将数组转换为参数序列

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

3.字符串转数组

let str = 'spread';
let arr= [...str];
console.log(arr); // ["s", "p", "r", "e", "a", "d"]

二.剩余运算符（rest）

1.剩余操作符可以用来方便地获取传进来的参数(当获取的参数不固定时)

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

2.当函数传入的参数不固定时

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

3.和解构搭配使用

let [a,...b]=[1, 2, 4];
console.log(a) // 1
console.log(b) // 2