...展开运算符的几种使用场景

1. 解构赋值

数组的解构赋值：

const [arg, arg1, ...arg2] = ['a', 'b', 'c', 'd']
console.log(arg);
console.log(arg1);
console.log(arg2);

结果：

a
b
[ 'c', 'd' ]

数组中按顺序匹配，将’a’赋值给arg，'b’赋值给arg1，剩下的元素以数组形式赋值给展开运算符作用的变量。

对象的解构赋值：

const {
    a, b, ...data } = {
   
    'a': 111,
    'b': 222,
    'c': 333,
    'd': 444
}
console.log(a);
console.log(b);
console.log(data)<