ITPub博客

首页 > 应用开发 > IT综合 > 好程序员web前端教程分享js reduce方法使用教程

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

IT综合 作者:好程序员IT 时间:2019-04-08 15:48:35 0 删除 编辑

好程序员 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 以下


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69913892/viewspace-2640655/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
欢迎关注公众号:好程序员特训营 web前端教程分享 723729549 大数据教程分享 703503210

注册时间:2019-03-20

  • 博文量
    539
  • 访问量
    410760