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