1.求和
对数组中的所有元素进行求和,有很多种方法,这里使用的是reduce方法。
JavaScript数组技巧
2.去重
对JS的数组去重。在ES6中,有个非常快速且简单的方法,使用new Set()以及Array.from()或者展开运算符(…)
JavaScript数组技巧
3.替换
开发中经常需要替换或者删除一些指定的数据,遇到这种场景时一定要联想到Array.protoType.splice这个方法。传参时,第一个参数是开始的索引,第二个参数是需要删除的数量,剩下的就是需要添加的值(可以是一个或者多个)。
JavaScript数组技巧
4.清空数组
有时我们需要清空一个数组,比如用户点击了清空购物车。可以一条一条地删除,但是这样很麻烦。其实一行代码就能搞定,那就是直接将数组的length设置成0。
JavaScript数组技巧
5.数组转换成对象
有时候需要将数组转换成对象的形式,使用.map()一类的迭代方法能达到目的,这里还有个更快的方法(…),前提是你正好希望对象的key就是数组的索引。
JavaScript数组技巧
6.填充数组
创建数组的时候,遇到需要填充上默认值的场景,你肯定首先想到的就是循环这个数组。ES6提供了更便捷的.fill方法,使用固定值填充数组。
JavaScript数组技巧
7.遍历数组
平时我们使用最多的就是数组的.map以及forEach方法,其实还有一个方法也能达到一样的目的,那就是Array.from。
JavaScript数组技巧
8.合并数组
除了.concat(),还有ES6的展开运算符(…)。
JavaScript数组技巧
9.去除假值
在JS中,假值有:false、0、’’、null、NaN、undefined。现在我们找到这些假值并将它们移除,这里使用的是.filter方法。
JavaScript数组技巧
10.lastIndexOf()
很多时候我们查找元素是否存在于某个数组中,经常使用indexOf方法,常常忽略lastIndexOf方法,后者会被使用的一个场景就是,某个数组中有重复的数据。
JavaScript数组技巧
简单总结了一些js操作数组的小技巧,希望对大家有所帮助。

相关文章: