js用递归遍历多维数组_JS数组的遍历上 (含forEach等方法源码)

这篇博客详细介绍了JS中用于遍历数组的几种方法,包括forEach、filter、map、reduce和reduceRight。通过源码实现,解释了这些方法的工作原理和参数含义,并提供了效果展示。
摘要由CSDN通过智能技术生成

forEach()

方法用于调用数组的每个元素(循环遍历数组中的每一个元素),并将元素传递给回调函数。

它内部的回调函数可以传入三个参数:function(item, index, arr)

item为必填参数,表示当前元素

index为可选参数,表示当前元素的索引

arr同样为可选参数,表示当前元素所属的数组对象(正在遍历的这个数组)。

939d25004f729bab41f5b8d7135bda59.png

forEach源码实现:

Array.prototype.myForEach = function(callback) {for (let i = 0; i < this.length; i++) {callback(this[i], i, this)}}
a6cab575a23d9a3be0104b96921ddad4.png

对比原生:

3d05aedf8747b7185228cd387ae06fa2.png

嗯。可以看出,应该是没错的!

filter()

创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

。。官方解释比较坑,大致就是说它首先创建了一个空数组,然后筛选callback的返回值,如果返回值可以隐式转换成true,则将对应的元素push到那个空数组中!

它内部的回调函数可以传入三个参数(同forEach完全一样)

item为必填参数,表示当前元素

index为可选参数,表示当前元素的索引

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值