JS高级-剩余参数和扩展运算符

1.剩余参数

1.1

如果传递的参数太多，没有那么多的形参接收，可以把额外的参数接收为数组。语法是在形参前加三个点即...a。

const fn=(...a)>{};
sum(10,20,30);

这时候a=[10,20,30]；所以说把参数用数组来接收。

【练习】把传递进来的参数相加

const sum(...a)=>{
    let sum=0;
    a.forEach(b=>{sum+=b};);
    return sum;
};

数组可以用forEach遍历。

1.2

剩余参数除了用在形参里面用于接收参数然后转变数组。还可以用在解构中。

let student=['zhangsan','lisi','wangwu','laoliu];
let[a,b,...c]=student;

2-扩展运算符

扩展运算符用于把数组和对象拆解为逗号分隔的序列。...和剩余参数的不一样。

let a=[1,2,3];
...a
console.log(...a);

...a的结果是1,2,3。但是放在console.log输出的时候会把逗号变成空格。输出结果为1 2 3。

2.1-合并数组

let a=[1,2,3];
let b=[2,3,4];

let c=[...a,...b];

a.push(...b);

 2.2-将伪数组转换为真实数组调用数组的方法

伪数组无法调用数组的方法。当我们获取页面元素的时候获取的其实是伪数组，然后想要使用数组的方法必须转换为真正的数组。

var div=document.querySelector('div');
假设这里获取10个div。
[...div]这里就是真正的数组了。