四种原生集合类型兼容扩展操作符:
- 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] //将伪数组转换为真数组