ES6新增的三点运算符,是由三个点表示,在数组中扮演着重要的角色,可以对数组进行合并与分解、可以对set等数据结构进行转换、可以对函数参数进行简化表示,接下来,我们一起揭开其神秘面纱…
let fun1=function(...args){
for(let arg of args){
console.log(arg);
};
console.log(args)
};
fun1('a','b','c');
fun1(1,2);
let fun2=function(arr,...args){
console.log(arr);
console.log(args);
};
fun2(1,2,3);
fun2(1);
let fun3=function(arr1,..args,arr2){
console.log(args);
}
[x,...y]=[1,2,3];
console.log(y);
[x,...y,z]=[1,2,3];
作为rest参数,三点运算符可以函数,解构赋值等方面发挥重要作用。‘人如其名’,rest表示剩下的,它把剩下的任意数量的参数推入数组,所以也继承了数组的方法。rest参数只能出现在最后一位,不然会报错,当然以扩展运算的身份出现时另当别论。 |
let arr=[1,2,3];
console.log(...arr);
let a=[2,3];
console.log(1,...a,4);
let divs=document.querySelectorAll('div');
[...divs];
console.log(...divs);
let set=new Set([1,2,3,3]);
[...set];
let map=new Map([[1,'a'],[2,'b'],[3,'c']]);
[...map.keys];
[...map.values];
[...'wbiokr'];
let str='abc';
['aaa',...str,'ccc'];
三点的扩展运算符,把数组或者类数组对象展开成一系列逗号隔开的值序列,它好比rest参数时候的逆运算。 |