十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍了JavaScript数组有哪些迭代方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观,专业网站建设服务10余年为成都成都门窗定制小微创业公司专业提供成都企业网站定制营销网站建设商城网站建设手机网站建设小程序网站建设网站改版,从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。
ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和(可选的)运行该函数的作用域对象--影响this的值。//其中(可选的)这个参数暂时未遇到过。
其中,函数都接收三个参数(数组中的每一项、每一项的索引值、数组对象本身)。
下面是5中方法的介绍:
every() : 对数组中的每一项执行函数,如果每一项都返回 true ,则该方法返回 true。
some(): 对数组中的每一项执行函数,只要有一项返回了 true ,则该方法返回 true。
filter(): 对数组中的每一项执行函数,把里面返回 true 的项,组成一个数组返回。
forEach() 对数组中的每一项执行函数,没有返回值。类似于for循环。
map() 对数组中的每一项执行函数,返回(处理后的)每一项。
以上5种方法,都不会改变数组本身。
forEach和map的比较:
var arr = [1,2,3,4,5]; //every() filter() some() forEach() map() var res = arr.every(function(i,index,o){ return i>2; }); console.log(arr); //[1,2,3,4,5] console.log(res); //false var some = arr.some(function (i, k, l) { return i>2; }); console.log(arr);//[1,2,3,4,5] console.log(some);//true var filter = arr.filter(function (i, k, l) { return i>2; }); console.log(arr);//[1,2,3,4,5] console.log(filter);//[3,4,5] var forEach = arr.forEach(function (i, k, l) { return i>2; }); console.log(arr);//[1,2,3,4,5] console.log(forEach);//undefined var map = arr.map(function (i, k, l) { return i>2; }); console.log(arr);//[1,2,3,4,5] console.log(map);//[false,false,true,true,true]
感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript数组有哪些迭代方法”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!