js:es6的 ...运算符

 ...运算符用于操作数组,有两种层面

1. 第一个叫做 展开运算符(spread operator),作用是和字面意思一样,就是把东西展开。可以用在array和object上都行

// joining arrays
const odd = [1, 3, 5 ];
const nums = [2 ,4 , 6, ...odd];
console.log(nums); // [ 2, 4, 6, 1, 3, 5 ]
可以使用spread运算符在另一个数组内的任何位置插入数组。

const odd = [1, 3, 5 ];
const nums = [2, ...odd, 4 , 6];
console.log(nums)  //[ 2, 1, 3, 5, 4, 6 ]

还可以将扩展运算符与ES6解构表示法结合使用:

const { a, b, ...z } = { a: 1, b: 2, c: 3, d: 4 };
console.log(a) // 1
console.log(b) // 2
console.log(z) // { c: 3, d: 4 }

2. 第二个叫做 剩余操作符(rest operator),是解构的一种,意思就是把剩余的东西放到一个array里面赋值给它。一般只针对array的解构

你可能感兴趣的:(js:es6的 ...运算符)