js数组遍历some,foreach,map,filter,every对比-阿里云开发者社区

开发者社区> 小结巴巴> 正文

js数组遍历some,foreach,map,filter,every对比

简介: 1. [...].some(ck)函数       ----      某个一个为true,则为true   对数组中每个元素执行一次ck函数,知道某个元素返回true,则直接返回true。如果都返回false,则返回false 检查整个数组中是否有满足ck函数的元素。
+关注继续查看
1. [...].some(ck)函数       ----      某个一个为true,则为true

 

对数组中每个元素执行一次ck函数,知道某个元素返回true,则直接返回true。如果都返回false,则返回false

检查整个数组中是否有满足ck函数的元素。

 

var result = [1,5,3,6].some(  (v,i)  =>  (v>10) )      //所有元素都不满足,返回result = false
var result = [10,5,30,60].some(  (v,i)  =>  (v<10) )      //有一个(多个)满足,返回result  = true

  

 

 

2.[...].foreach(ck)函数       ----       循环而已

 

每个数组元素都执行一次ck函数,foreach函数无法用break跳出

 

[50, 25, 49].forEach( (v,i) => console.log(v) );
//50     25      49

  

 

 

3.[...].map(ck)函数      ----         返回每个元素返回值的集合

 

每个数组元素都执行一次ck函数,最后返回每次元素执行ck函数后返回值的集合(数组)

 

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

 

var result = [5,50,35,12,85].every( (v,i) => v<51 )  //返回有一个(多个)大于等于51,则返回 result = false
var result = [5,50,35,12,85].every( (v,i) => v<100 )  //全部大于51,则返回 result = true

 

  

 6.[...].reduce(ck,init)      ----       依次执行ck(prv.next) 


 数组依次执行ck函数。

var result = [0,1,2,3]
restult.reduce((a,b)=> a+b,0)  // 返回 6

 

个人博客 :很多好用的 npm 包 , 可以看看  https://gilea.cn/  

 

github:  https://github.com/longfei59418888/vui   (很不错的vue2.0组件库,记得给一个 start,以后有一起讨论,各种好组件)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
10 0
Spring Cloud 终于大改版?为什么要用日期来做版本号?
Spring Cloud终于改了 最近Spring Cloud把版本号从A到Z的伦敦地铁站,改为以日期命名了。
3 0
新来的妹纸问我 AJAX 请求为什么不安全?我没有回答出来。。。
开篇三问 AJAX请求真的不安全么? AJAX请求哪里不安全?
3 0
xshell+阿里云linux+vue+mysql开发练习
这篇文章记录了我在阿里云进行Linux基础学习的过程,以及根据阿里云进行一些简单的开发实践。
10 0
jquery获取多个相同name的input的value值
jquery获取多个相同name的input的value值
10 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
6 0
飞天加速计划·高校学生在家实践
我用阿里云服务器的一些心得
18 0
HTML5地理定位|学习笔记
快速学习HTML5地理定位
4 0
+关注
小结巴巴
高级前端工程师,喜欢写一些总结和例子
84
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载