天天育儿网,内容丰富有趣,生活中的好帮手!
天天育儿网 > Javascript中的迭代 归并方法详细解读(图文教程)

Javascript中的迭代 归并方法详细解读(图文教程)

时间:2023-02-08 11:15:32

相关推荐

Javascript中的迭代 归并方法详细解读(图文教程)

web前端|js教程

Javascript,js,方法

web前端-js教程

下面我就为大家带来一篇Javascript中的迭代、归并方法详解。现在就分享给大家,也给大家做个参考。

微信 帖子 源码,vscode怎样写exe,ubuntu 路由 永久,tcp端口和tomcat,威龙爬虫推荐,java和php哪个快,山西短视频seo优化经营,卡密礼包发放网站源码,装逼模板lzw

迭代方法

php手机微信源码,ubuntu账号是什么,tomcat结构类加载器流程,户外爬虫机械,天津PHP平均工资,新洲seo技巧lzw

在Javascript中迭代方法个人觉得尤为重要,在很多时候都会有实际上的需求,javascript提供了5个迭代方法来供我们操作,它们分别为:

微信二维码支付源码,vscode颜色插件,酷比魔方装ubuntu,tomcat linxu,sqlite禁止字段,域名备案 换服务器吗,多选输入框插件,前端漂亮表格框架,python做爬虫 知乎,php 并发,连云港seo优化,asp搜索网站,网页上滚动图片,微信商城模板免费下载,京东页面如何显示图片,shypost企业管理系统正式版,键盘钩子程序lzw

every() 对数组中的每一个项运用给定的函数,如果每项都返回true,那么就会返回true

filter() 对数组中的每一个项运用给定的函数,把返回true的项组成一个新数组并返回

forEach() 对数组中的每一项运用给定的函数,但是没有任何的返回值

map() 对数组中的每一个项运用给定的函数并返回每次函数调用的结果组成新的数组

same() 对数组中的每一个项运用给定的函数,如果数组中有一项返回true,那么就返回true

上面的5个方法中,它们都接受两个参数: 执行函数,也就是需要对每一个项进行操作的函数,这个函数有三个参数:数组项的值、该项在数组中的位置、数组对象本身。 给定的作用域,给定一个作用域,影响给定函数的this对象。如:

var values = [5,6,7,8,9,10,11,12,13]; function actionfunc(item, index, array){console.log(this)}; values.every(actionfunc,document); //这里会向控制台输出6次document对象

归并方法

除了迭代的方法之外还,javascript还提供了两个归并的方法,归并就是归档合并,这些方法和名字一样,都会利用给定的函数迭代数组中的每一项,然后返回一个总值。这两个归并的方法分别为:

reduce() 在数组中项从第一个开始一直到最后一个顺向的对数组中的每一个项运用给定的函数,然后返回一个对数组所有项运行给定函数结果的总和。

reduceRight() 在数组中项从最后一个开始一直到第一个逆向的运用给定的函数,然后返回一个对数组所有项运行给定函数结果的总和。

上面的两个方法接受两个参数: 执行函数,也就是需要对每一个项进行操作的函数,这个函数有四个参数:前一个值、当前值、项的索引、数组对象本身。 归并的基值,归并的计算将以此值为基础进行计算。如:

var values = [5, 6, 7, 8, 9, 10, 11, 12, 13]; values.reduce(function(preitem,item,index,array){return preitem+item},2) //返回数值83

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

javascript prototype原型详解(基础课程)

javascript replace()第二个参数为函数时的参数用法(详细为大家解读)

JavaScript 输出显示内容(基础的教学)

如果觉得《Javascript中的迭代 归并方法详细解读(图文教程)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。