展开运算符可以让你的代码变得如此简短

自从ES6标准出现以来，JavaScript又出现了很多简写的形式，无需将我们的逻辑代码写的那么复杂了。今天抛砖引玉，说一下展开运算符给我们带来了哪些简写的便利。

先看一段代码：

上面这段代码，通过数组的concat方法实现了两个数组的拼接，通过数组的slice方法实现了数组的完整复制。所以，展开运算符的作用如下：

1、拼接

上面拼接的代码可以用展开运算符这样处理：

[2,4,6,...odd]

简单吧。

同时它和concat方法不同的是，可以使用展开运算符在任何一个数组中插入另一个数组，如下：

const odd = [1, 3, 5 ];

const nums = [2, ...odd, 4 , 6];

2、复制

上面复制的代码可以用展开运算符这样处理：

[...arr]

更简单吧。

需要知道的是展开运算符还可以与结构结合来用，如下图所示：

来总结一下：

es6语法规则给我们的code带来了很多简写的形式，总之，都在向着提高开发效率，提高代码质量等好的方向走，日常项目开发中，多关注一下。