ES6中展开运算符(...)的几种使用场景

ES6中展开运算符(…)的几种使用场景

解构赋值

数组的解构赋值：

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要对应对象里面的键名，而展开运算符可以不用相对。

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