JS高级 数组的七种迭代方法

1.map方法

按照某种映射关系, 把数组的每一个元素给修改了

回调函数执行次数等于数组的长度

使用场景: 全场8折 数组内每个元素都 *0.8

2.filter方法

filter方法使用 筛选数组 挑选出需要的元素放入新的数组中

也需要遍历数组 判断元素是否是需要的元素 是的话就放入新数组 不是则跳过

filter方法的特点:

回调函数执行次数 == 数组长度

回调函数内部的return: return true : 符合筛选条件,放入新数组中

return false : 不符合筛选条件,不放入新数组中

filter方法的返回值 : 返回筛选之后的新数组

3.forEach方法

forEach方法作用: 遍历数组

和 for(let i=0;i<arr.length;i++){} 功能一致

方法特点

回调函数执行次数  ==    数组长度

回调函数内部的return没有返回值

forEach方法的返回值没有返回值

4.some方法

some方法作用: 判断数组中是否有符合条件的元素

回调函数执行次数  !=  数组长度 (找到满足条件的元素结束   没有则一直执行 直到遍历完数组)

some方法的返回值  true : 有符合条件的元素        false : 没有符合条件的元素

5.every方法

every方法作用:   判断数组中 是否所有的 元素都满足条件

回调函数执行次数  !=  数组长度

return true : 循环继续, 满足条件,如果所有的元素全部遍历还是true,则最终的结果就是true

return false : 循环结束。 只要要到不满足条件的元素,循环结束。最终的结果false

every方法的返回值   true : 所有的元素 都符合条件   false : 有元素 不符合条件

6.findlndex方法

findIndex方法作用:   查找元素的下标

数组的findIndex与indexOf异同点

            相同点:功能一致,都是查找元素下标。 有则返回下标,无则返回固定值-

            不同点:应用场景不同

                indexOf : 查找数组中的元素都是值类型

                findIndex : 查找数组中的元素都是引用类型

findlndex方法的返回值     元素下标 或者 -1

应用

 7.reduce方法

数组reduce方法 :  数组累加器方法  对数组每一个元素执行一次回调函数,累加最后一次回调的结果

 第一个参数:回调   (上一次值,当前值,当前下标)=>{}

            默认下标不是从0开始,而是从1开始。 开发中一般需要设置默认值

            return 值 就是下一次 sum的值

第二个参数: 初始值

              一般需要设置初始值为0, 如果不设置遇到空数组则会报错

              reduce方法返回值是 : 最后一次sum的结果

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值