四种原生集合类型兼容扩展操作符：

  - Array
  - 所有定型数组
  - Map
  - Set

扩展操作符在对可迭代对象执行浅复制时特别有用， 只需简单的语法就可以复制整个对象：

let arr1=[1,2,3,4];
let arr2=[...arr];   //扩展操作符以...arr的形式
//输出结果为
console.log(arr1); // [1, 2, 3] 
console.log(arr2); // [1, 2, 3] 
console.log(arr1 === arr2); // false  因为是浅复制，两者在地址上不为同一地址

也可以进行数组合并

let arr1=[1,2,3];
let arr2=[4,5,6];
let arr3=[...ary1,...ary2]
console.log(arr3) //[1,2,3,4,5,6]

对于期待可迭代对象的构造函数，只要传入以一个可迭代的对象就可以实现复制：

let map1 = new Map([[1, 2], [3, 4]]); 
let map2 = new Map(map1); 
console.log(map1); // Map {1 => 2, 3 => 4} 
console.log(map2); // Map {1 => 2, 3 => 4}

当然也可以构建数组的部分元素(即组合数组)

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

浅复制也意味着只会复制对象的引用：

let arr1 = [{}]; 
let arr2 = [...arr1]; 
arr1[0].foo = 'bar'; 
console.log(arr2[0]); // { foo: 'bar' }

上面的这些类型都支持多种构建方法，比如 Array.of()和 Array.from()静态方法。在与扩展操 作符一起使用时，可以非常方便地实现互操作

let arr1 = [1, 2, 3]; 
// 把数组复制到定型数组
let typedArr1 = Int16Array.of(...arr1); 
let typedArr2 = Int16Array.from(arr1); 
console.log(typedArr1); // Int16Array [1, 2, 3] 
console.log(typedArr2); // Int16Array [1, 2, 3] 
// 把数组复制到映射
let map = new Map(arr1.map((x) => [x, 'val' + x])); 
console.log(map); // Map {1 => 'val 1', 2 => 'val 2', 3 => 'val 3'} 
// 把数组复制到集合
let set = new Set(typedArr2); 
console.log(set); // Set {1, 2, 3} 
// 把集合复制回数组
let arr2 = [...set]; 
console.log(arr2); // [1, 2, 3]

利用扩展操作符将伪数组转换为真正的数组

let lis=doucument.querySelectorAll('li');  //获得一个伪数组
var ary=[...lis] //将伪数组转换为真数组

剩余参数

剩余参数允许我们不需要太过准确的表示一个数组，例如[first,...age]，这种参数能很方便的声明不知道参数情况下的函数

function sum(first,...args){
      console.log(first);  //10
      console.log(args);//[20,30,40]
}
sum(10,20,30,40)

剩余参数配合数组解构使用

let person = ['yuanmou','yuequn','changsheng'];
let [nam1,...nam2] = person;
console.log(nam1);  //'yuanmou'
console.log(nam2);  //['yuequn','changsheng']