js 遍历数组方式

1. for循环

for循环是最基础也是效率最高的数组遍历方式

 

2. for of 循环

推荐用for of遍历数组，for in遍历对象

 

3. forEach(function(currentValue, index, arr), thisValue)

forEach()方法用于调用数组的每一个元素，并将元素传递给回调函数

function(currentValue, index, arr)：必须。为一个函数，数组中的每个元素都会执行这个函数。其中函数参数：

        currentValue：必填，当前元素。

        index：可选，当前元素的索引。

        arr：可选，当前元素所属的数组对象。

thisValue：可选，传递给函数的值一般用this值，如果这个参数为空，"undefined"会传递给"this"值。（这个参数一般很少用）

1、 forEach() 对于空数组是不会执行回调函数的。

2、 for可以用continue跳过循环中的一个迭代，forEach用continue会报错。

3、 forEach() 需要用 return 跳过循环中的一个迭代，跳过之后会执行下一个迭代。

4、没有办法终止或跳出forEach循环，不过可以通过try…catch…抛出错误来实现跳出循环

 

4. map(function(currentValue,index,arr), thisValue) 

map的参数和forEach类似, map()方法返回一个新的数组, 不会改变原始数组的值, 不会对空数组进行检测

function(currentValue, index, arr)：必须。为一个函数，数组中的每个元素都会执行这个函数。其中函数参数：

        currentValue：必须。当前元素的的值。

        index：可选。当前元素的索引。

        arr：可选。当前元素属于的数组对象。

thisValue：可选。对象作为该执行回调时使用，传递给函数，用作"this"的值。

 

5.filter(function(currentValue,index,arr), thisValue)

filter用于对数组进行过滤。同样, filter() 不会对空数组进行检测, 不会改变原始数组。

 

6. every(function(currentValue,index,arr), thisValue)

检测数组所有元素是否都符合指定条件

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。

不会对空数组进行检测

不会改变原始数组

 

7. some(function(currentValue,index,arr), thisValue)

some() 与 every() 相反, 数组中有一个满足条件则返回true, 其他注意事项与every() 相同     //有点 &&  与  ||  的感觉

 

8. reduce(function(total, currentValue, currentIndex, arr), initialValue)

接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

function(total,currentValue, index,arr)    必需。用于执行每个数组元素的函数。

        total    必需。初始值, 或者计算结束后的返回值。

        currentValue    必需。当前元素

        currentIndex    可选。当前元素的索引

        arr    可选。当前元素所属的数组对象。

initialValue    可选。传递给函数的初始值

    //有点 += 的味道

    //由于未传入初始值, total第一次为1, 而后total为上次结果. 

 

9. reduceRight(function(total, currentValue, currentIndex, arr), initialValue)

reduceRight() 方法的功能和 reduce() 功能是一样的，不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。

 

10. find(function(currentValue, index, arr),thisValue)

返回通过测试数组的第一个元素值。

        当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。

        如果没有符合条件的元素返回 undefined

               find() 不会对空数组进行检测。

               find() 不改变数组的原始值。

不过, find() 的兼容性不好, IE12及以上才支持