JS数组方法reduce的用法实例分析
更新时间：2020年03月03日 13:48:58 作者：叶落森
这篇文章主要介绍了JS数组方法reduce的用法,结合实例形式详细分析了JS数组方法reduce的基本功能、使用方法及相关操作注意事项,需要的朋友可以参考下
本文实例讲述了JS数组方法reduce的用法。分享给大家供大家参考，具体如下：
数组方法 reduce 用来迭代一个数组，并且把它累积到一个值中。
使用 reduce 方法时，你要传入一个回调函数，这个回调函数的参数是一个 累加器 （比如例子中的 previousVal) 和当前值 (currentVal）。
reduce 方法有一个可选的第二参数，它可以被用来设置累加器的初始值。如果没有在这定义初始值，那么初始值将变成数组中的第一项，而 currentVal 将从数组的第二项开始。
使用 reduce 方法来让 array 中的所有值相加
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>reduce的使用</title>
</head>
<body>
<script>
var arr = [1, 2, 3, 4, 5];
sum = arr.reduce(function(prev, cur, index, arr) {
//输出的是第一项的值或上一次叠加的结果，正在被处理的元素，正在被处理的元素的索引值
console.log(prev, cur, index);
return prev + cur;
})
console.log(arr, sum); //输入数组本身和最后的结果
</script>
</body>
</html>
控制台输出：
var numbers = [15.5, 2.3, 1.1, 4.7];
function getSum(total, num) {
return total + Math.round(num);
}
function myFunction(item) {
console.log(numbers.reduce(getSum, 0));//0 传递给函数的初始值
}
myFunction()//输出24
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
for循环 + setTimeout 结合一些示例(前端面试题）
最近在学习node.js开发资料，正好碰到了for循环+settimeout的经典例子，下面小编给大家分享for循环 + setTimeout 结合一些示例代码，需要的朋友参考下吧2017-08-08
今天写了一个js控制页面轮播的功能，如果仅仅使用队列很简单，但是考虑到为每一个页面分配权重的是否变的异常复杂，使用switch和if else也无法解决，于是想到使用js数组实现2017-09-09
用来获取当前目录的js代码，需要的朋友可以参考下，主要利用了split函数。2010-12-12
Javascript中的对像赋值与Java中是一样的,都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.那怎么来做呢 答案是克隆.2008-12-12
这篇文章主要介绍了使用Javascript实现图片加载从模糊到清晰显示的方法,通俗易懂,需要的朋友可以参考下。2016-06-06
这篇文章主要介绍了JS实现table表格固定表头且表头可以随横向滚动而滚动,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JS实现的杨辉三角【帕斯卡三角形】算法,结合实例形式分析了杨辉三角的原理及javascript实现杨辉三角的相关操作技巧,需要的朋友可以参考下2019-02-02
在 Electron 中,如果你想去掉默认的窗口边框（frame）并添加额外的按键,可以通过相关步骤实现,下面小编给大家带来了Electron去掉窗口边框并添加关闭按钮的实现步骤,感兴趣的朋友一起看看吧2024-06-06
这篇文章主要介绍了javascript随机显示背景图片的方法,涉及javascript随机数的生成及页面元素的操作技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了JS验证IP，子网掩码，网关和MAC的方法,涉及javascript正则表达式的相关使用技巧,需要的朋友可以参考下2015-07-07
最新评论