前端开发-数组的遍历方法

数组的常用遍历方法有七种:map, filter, forEach, some, every, findindex, reduce。

map遍历:

map应用场景：利用某种规则映射得到一个新数组
 换句话说就是：遍历每一个元素，并对每一个元素做对应的处理，返回一个新数组

注意点：
            a. 回调函数执行次数  == 数组长度
                * 数组中有多少个元素，回调函数就会执行几次
            b. map函数返回的新数组长度  ==  原数组长度
            c. 回调函数中一定要return，返回的是当前遍历的元素值
                * 如果不return，新数组中每一个元素都变成了undefined

filter遍历:

应用场景：用于筛选数组中满足条件的元素，返回筛选后的新数组

注意点：
            a. 回调函数执行次数  == 数组长度
                * 数组中有多少个元素，回调函数就会执行几次
            b. filter函数返回的新数组长度  !=  原数组长度
            c. 回调函数一定要return, 返回一个布尔类型值
                结果为true: 当前遍历元素就会添加到新数组中
                结果为false：当前遍历元素不会添加到新数组中

forEach遍历:

应用场景：用于遍历数组，相当于for循环另一种写法

注意点：
            a. 回调函数执行次数  == 数组长度
                * 数组中有多少个元素，回调函数就会执行几次
            b. forEach函数没有返回值
            c. 回调函数不需要return
                * 就算手动return，也不会结束循环

some遍历:

应用场景：用于判断数组中是否存在满足条件的元素

注意点：
            a. 回调函数执行次数  != 数组长度
                * some函数在遍历的时候可以中途结束
            b. some函数返回一个布尔类型值
            c. 回调函数返回布尔类型值用于结束遍历
                return true; //遍历结束，且some函数返回值为true
               (默认) return false; //遍历继续，且some函数返回值为false

every遍历:

应用场景：用于判断数组中是否所有元素都满足条件

注意点：
            a. 回调函数执行次数  != 数组长度
            b. every函数返回一个布尔类型值
            c. 回调函数返回布尔类型值用于结束遍历
                return true; //遍历继续，且every函数返回值为true
                (默认)return false; //遍历结束，且every函数返回值为false

findindex方法:

作用 : 获取符合条件的第一个元素位置(下标)

应用场景 ： 适用于数组中元素为对象类型，比传统for循环要高效

reduce方法:

应用场景： 为每一个元素执行一次回调，并得到回调最终的结果