Js es6中扩展运算符（...）

数组和对象的拷贝

数组的拷贝

var arr1 = [1,2,3];
var arr2 = [...arr1];
arr2.push(4);

console.log(arr1===arr2); //false
console.log(arr1); //[1,2,3]
console.log(arr2); //[1,2,3,4]

对象的拷贝

var obj1 = {
  a:1,
  b:2
};
var obj2 = {...obj1};
console.log(obj2); //{ a:1, b:2}
console.log(obj1 === obj2);// false

构造字面量数组

没有展开语法的时候，只能组合使用 push, splice, concat 等方法，来将已有数组元素变成新数组的一部分

var arr1 = [1,2,3];
var arr2 = [4,5,...arr1];
console.log(arr2);
// [4,5,1,2,3]

代替Array.concat 函数

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var demo = [...arr1,...arr2];
console.log(demo);
//  [1, 2, 3, 4, 5, 6]

代替Array.unshift 方法

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

字符串转数组

var demo = "hello"
var str = [...demo];
console.log(str);
// ["h", "e", "l", "l", "o"]

配合解构一起使用

var [a,...rest] = [1,2,3,4];
console.log(a);
console.log(rest);
// 1
// [2,3,4]

var obj = {
  a:1,
  b:2,
  c:3
}
var {a,...demo} = obj;
console.log(a);
console.log(demo);
// 1
// {b:2,c:3}

function f(...[a, b, c]) {
  console.log(a);
  return a + b + c;
}

console.log(f(1))          //1, NaN 
console.log(f(1, 2, 3))   // 1, 6
console.log(f(1, 2, 3, 4)) //1, 6