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

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

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

 

语法：

 

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

参数：

 

total 必需。初始值, 或者计算结束后的返回值。

currentValue 必需。当前元素

currentIndex 可选。当前元素的索引

arr 可选。当前元素所属的数组对象。

initialValue 可选。传递给函数的初始值

 

实例：

 

<button onclick="myFunction()">点我</button>

 

<p>数组元素之和: <span id="demo"></span></p>

 

<script>

var numbers = [15.5, 2.3, 1.1, 4.7];

 

function getSum(total, num) {

    return total + Math.round(num);

}

function myFunction(item) {

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

}

</script>

兼容性：

 

不支持ie9以下