开发者社区> 好程序员> 正文

好程序员web前端教程分享js reduce方法使用教程

简介: 好程序员web前端教程分享js reduce方法使用教程,reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose。
+关注继续查看

好程序员web前端教程分享js reduce方法使用教程,reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce() 可以作为一个高阶函数,用于函数的 compose。

语法:

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

total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
initialValue 可选。传递给函数的初始值

实例:

数组元素之和:

function getSum(total, num) {

return total + Math.round(num);

}
function myFunction(item) {

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

}

兼容性:

不支持ie9以下

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

相关文章
js 数组 reduce() 方法
js 数组 reduce() 方法
21 0
JavaScript判断各种资源是否加载完成的方法汇总,资源预加载问题
JavaScript判断各种资源是否加载完成的方法汇总,资源预加载问题
137 0
JavaScript中Date对象的方法解析
JavaScript中Date对象的方法解析 上篇文章讲到了JavaScript的Date对象,对Date对象的创建和属性进行了讲解,这篇博客我们来讲一讲Date对象的方法有哪些。 1.获取日期的方法 // 获取当前的日期 var oDate=new Date(); // 方法 描述 // getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 console.log(oDate.getDate()); // getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 c
28 0
JavaScript的字符串之HTML包装方法
JavaScript的字符串之HTML包装方法 前面以前文章我们讲解了字符串的各种方法。这篇文章对字符串的方法进行一些补充。 1.字符串的indexOf()和lastIndexOf()方法的补充 var str='hello world'; // indexOf() lastIndexOf() // 不加第二个参数 console.log(str.indexOf("l");// 2 console.log(str.lastIndexOf("l");// 9 console.log(str.indexOf("l",5));// 9 5之后
42 0
JS数组reduce()方法详解及高级技巧
JS数组reduce()方法详解及高级技巧
63 0
JavaScript 数组(array)reduce方法详解
JavaScript 数组(array)reduce方法详解
41 0
JavaScript中6 个reduce()实例
reduce 方法在数组的每个元素上执行提供的回调函数迭代器。它传入前一个元素计算的返回值,结果是单个值,它是在数组的所有元素上运行迭代器的结果。
40 0
悟透前端 | javascript数组之includes、reduce
在过去的几年中,JavaScript语言进行了多次更新。为了跟上技术更新的脚步,时刻保持一颗学习的心。趁着休息的时间学习熟悉一下数组的includes、reduce的使用。
106 0
js 数组遍历方法详解(map、filter、find、findIndex、reduce)
js 数组遍历方法详解(map、filter、find、findIndex、reduce)
260 0
学习javaScript必知必会(3)~数组(数组创建,for...in遍历,辅助函数,高级函数filter、map、reduce)
学习javaScript必知必会(3)~数组(数组创建,for...in遍历,辅助函数,高级函数filter、map、reduce)
41 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript异步编程
立即下载
Javascript中的对象
立即下载
JS零基础入门教程(上册)
立即下载