十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要讲解了“怎么使用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()这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!