js数组遍历some,foreach,map,filter,every对比
Posted 千叶祥龙
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js数组遍历some,foreach,map,filter,every对比相关的知识,希望对你有一定的参考价值。
1、 [...].some(ck)函数 ---- 某个一个为true,则为true
对数组中每个元素执行一次ck函数,知道某个元素返回true,则直接返回true。如果都返回false,则返回false
检查整个数组中是否有满足ck函数的元素。
1、 var result = [1,5,3,6].some( (v,i) => (v>10) ) //所有元素都不满足,返回result = false 2、 var result = [10,5,30,60].some( (v,i) => (v<10) ) //有一个(多个)满足,返回result = true
2、 [...].foreach(ck)函数 ---- 循环而已
每个数组元素都执行一次ck函数,foreach函数无法用break跳出
1 [50, 25, 49].forEach( (v,i) => console.log(v) ); //50 25 49
3、 [...].map(ck)函数 ---- 返回每个元素返回值的集合
每个数组元素都执行一次ck函数,最后返回每次元素执行ck函数后返回值的集合(数组)
1 var newArray = [50,30,40].map( (v,i) => v/10 ) //每个元素除以10,最后返回一个新数组 newArray = [5,3,4]
4、 [...].filter(ck)函数 ---- 得到返回值为true的元素的集合
每个数组元素都执行一次ck函数,最后返回每次元素执行ck函数后返回值的为true的元素集合(数组)
var newArray = [50,2,60,4,53,15].filter( (v,i) => (v>10) ) //返回数组中大于10的元素新数组 newArray = [50,60,53,15]
5、[...].every(ck)函数 ---- 某一个为false,则返回false
每个数组元素都执行一次ck函数,直到某个元素执行函数ck返回false,则直接返回false,如果全部返回true,则返回true.
1 var result = [5,50,35,12,85].every( (v,i) => v<51 ) //返回有一个(多个)大于等于51,则返回 result = false 2 var result = [5,50,35,12,85].every( (v,i) => v<100 ) //全部大于51,则返回 result = true
6、[...].reduce(ck,init) ---- 依次执行ck(prv.next)
数组依次执行ck函数。
1 var result = [0,1,2,3] 2 restult.reduce((a,b)=> a+b,0) // 返回 6
以上是关于js数组遍历some,foreach,map,filter,every对比的主要内容,如果未能解决你的问题,请参考以下文章
js数组遍历some,foreach,map,filter,every对比
js数组的五种迭代遍历方式 every filter forEach map some