Categories: Javascript对象tips

JavaScript reduce() 方法 | JavaScript Array 对象

返回到:JavaScript对象:JavaScript Array 对象

定义和用法

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

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

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

所有主要浏览器都支持 reduce() 方法

语法

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

参数

参数描述
function(total,currentValue, index,arr)必需。用于执行每个数组元素的函数。
函数参数:参数描述total必需。初始值, 或者计算结束后的返回值。currentValue必需。当前元素currentIndex可选。当前元素的索引arr可选。当前元素所属的数组对象。
initialValue可选。传递给函数的初始值

技术细节

返回值:返回计算结果
JavaScript 版本:ECMAScript 3

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<p>点击按钮计算数组元素相加后的总和。</p>
<button >

DEMO2:四舍五入后计算数组元素的总和。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<p>点击按钮后对数组元素进行四舍五入并计算总和。</p>
<button >
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts