自从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带来了很多简写的形式,总之,都在向着提高开发效率,提高代码质量等好的方向走,日常项目开发中,多关注一下。
领取专属 10元无门槛券
私享最新 技术干货