web前端中js reduce方法的使用是怎样的

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以下

看完上述内容，你们掌握web前端中js reduce方法的使用是怎样的的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！