js三种遍历筛选方式解析

forEach()

forEach() 迭代(遍历)数组 (无返回值,return在里面无效)
**语法:**数组名.forEach(function(value,index,array){})
**解释:**其中的三个形参分别代表:数组元素值,对应当前元素的索引号,数组本身
和jQuery中的$("").each(function(i,ele){})一样,形参的名字不固定,但是表示其含义的位置固定即第一个形参必定表示当前遍历到的数组元素值,第二个形参必定表示当前遍历到的数组元素的索引号,第三个形参必定表示数组本身。
用法示例:var arr = [1,2,3]
var sum = 0
arr.forEach(function(value,index,arr){
sum += value
})

filter()

filter()数组元素筛选 (返回值为符合条件的数组元素)
**语法:**数组名.filter(function(currentValue,index,arr){})
**解释:**其中的三个元素分别代表:数组元素、对用当前元素的索引、数组对象本身
和forEach一样,形参名字不固定,但是表示其含义的位置固定。
用法示例:var arr = [13,45,1213,54,3,1]
var newarr = arr.filter(function(value,i,arr){
return value>20
})
最终返回的是数组中所有满足条件 :元素值大于二十的数组元素组成的新数组
因为本质上是arr调用filter方法筛选,所以需要设置一个数组newarr来存放筛选出来的结果

与forEach()不同的是,forEach是只做遍历,相当于封装了遍历这个操作,然后使用者在里面写入针对于遍历的方法,比如累加求和,其中用于存放累积和的sum是自己根据需求创建的,所以返回的值是找到sum进行读取 而filter()则是在遍历中已经写好了筛选操作的方法,需要我们写入的的筛选的条件,所以我们需要在其前面创建添加一个新数组存放筛选结果 这也是有返回值和无返回值的区别,即有返回值的方法只需要设置一个空间(变量、数组或者对象)来存放返回值,而无返回值的方法则需要自己创建变量(变量、数组或者对象),并写针对于这个变量进行操作的方法,最终得到返回值

some()

some()数组元素筛选 (返回值为布尔型,判断有或者没有符合条件的数组元素)
**语法:**数组名.some(function(value,i,arr){})
**解释:**其中的三个元素分别代表:数组元素、对用当前元素的索引、数组对象本身
和forEach一样,形参名字不固定,但是表示其含义的位置固定。
特点:当筛选遍历过程中出现一个true时,立即停止遍历,进行返回
用法示例:var arr = [13,45,1213,54,3,1]
flag = arr.some(function(value,i,arr){
return value>20
})

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值