ES6扩展运算符用法

扩展运算符可以将数组或者对象转为用逗号分隔的参数序列

扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象中

用法：

1、将一个数组放入另一个数组中

var middle = [3, 4];
var arr = [1, 2, middle, 5, 6];
console.log(arr);
// [1, 2, [3, 4], 5, 6]

使用扩展运算符：

var middle = [3, 4];
var arr = [1, 2, …middle, 5, 6];
console.log(arr);
// [1, 2, 3, 4, 5, 6]

2、拼接数组

使用扩展运算符可以代替concat()来拼接数组。

let ary1 = [1,2,3];
let ary2 = [3,4,5];

//concat，concat返回值为拼接后的数组，原来两个数组不变
let ary = ary1.concat(ary2);
console.log('ary',ary); //[ 1, 2, 3, 3, 4, 5 ]
console.log('ary1',ary1) //[ 1, 2, 3 ]

//方法1  同concat
let ary3 = [...ary1,...ary2];
console.log('ary3',ary3) //[ 1, 2, 3, 3, 4, 5 ]

//方法2  用push，返回值为新数组个数
let ary4 = ary1.push(...ary2);
console.log('ary4',ary4)  //6
console.log('ary1',ary1) //[ 1, 2, 3, 3, 4, 5 ]

3、扩展运算符可以与解构赋值结