怎么使用JavaScript的reduce()-创新互联

这篇文章主要讲解了“怎么使用JavaScript的reduce()”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用JavaScript的reduce()”吧!

创新互联坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。十多年网站建设经验创新互联是成都老牌网站营销服务商,为您提供做网站、网站建设、网站设计、H5高端网站建设、网站制作、高端网站设计成都小程序开发服务,给众多知名企业提供过好品质的建站服务。

实例

计算数组元素相加后的总和:

varnumbers=[65,44,12,4];

functiongetSum(total,num){

returntotal+num;

}

functionmyFunction(item){

document.getElementById("demo").innerHTML=numbers.reduce(getSum);

}

输出结果:

125

定义和用法

reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

reduce()可以作为一个高阶函数,用于函数的compose。

注意:reduce()对于空数组是不会执行回调函数的。

浏览器支持

表格中的数字表示支持该方法的第一个浏览器版本号。

方法

reduce() Yes 9.0 3.0 4 10.5

语法

array.reduce(function(total,currentValue,currentIndex,arr),initialValue)

参数

参数 描述

function(total,currentValue,index,arr) 必需。用于执行每个数组元素的函数。

函数参数:

参数 描述

total 必需。初始值,或者计算结束后的返回值。

currentValue 必需。当前元素

currentIndex 可选。当前元素的索引

arr 可选。当前元素所属的数组对象。

initialValue 可选。传递给函数的初始值

技术细节

返回值: 返回计算结果

JavaScript版本: ECMAScript3

感谢各位的阅读,以上就是“怎么使用JavaScript的reduce()”的内容了,经过本文的学习后,相信大家对怎么使用JavaScript的reduce()这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!


分享标题:怎么使用JavaScript的reduce()-创新互联
URL分享:http://pwwzsj.com/article/djgijs.html