编程 Javascript

JS数组方法reduce的用法实例分析

Posted in Javascript onMarch 03, 2020

本文实例讲述了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>

控制台输出：

JS数组方法reduce的用法实例分析

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

JS数组方法reduce的用法实例分析

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

JS数组方法reduce的用法实例分析

- Author -

叶落森

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一组JS创建和操作表格的函数集合

May 07 Javascript

javascript hashtable实现代码

Oct 13 Javascript

js中判断控件是否存在

Aug 25 Javascript

理解Javascript闭包

Nov 01 Javascript

jQuery实现回车键（Enter）切换文本框焦点的代码实例

May 05 Javascript

五种js判断是否为整数类型方式

Dec 03 Javascript

JS实现倒计时(天数、时、分、秒)

Nov 16 Javascript

详解基于Node.js的微信JS-SDK后端接口实现代码

Jul 15 Javascript

vue项目打包后打开页面空白解决办法

Jun 29 Javascript

Seajs源码详解分析

Apr 02 Javascript

使用JS实现简易计算器

Jun 14 Javascript

Javascript模拟实现new原理解析

Mar 03 #Javascript

JS面向对象编程——ES6 中class的继承用法详解

Mar 03 #Javascript

JS面向对象编程实现的拖拽功能案例详解

Mar 03 #Javascript

序列化模块json代码实例详解

Mar 03 #Javascript

JS常用排序方法实例代码解析

Mar 03 #Javascript

JS面向对象编程实现的Tab选项卡案例详解

Mar 03 #Javascript

JS面向对象编程基础篇（三）继承操作实例详解

Mar 03 #Javascript