温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么使用JavaScript的reduce()

发布时间:2021-11-20 13:37:48 来源:亿速云 阅读:106 作者:iii 栏目:开发技术

这篇文章主要讲解了“怎么使用JavaScript的reduce()”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用JavaScript的reduce()”吧!

  实例

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

  varnumbers=[65,44,12,4];

  functiongetSum(total,num){

  returntotal+num;

  }

  functionmyFunction(item){

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

  }

  输出结果:

  125

  定义和用法

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

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

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

  浏览器支持

  表格中的数字表示支持该方法的第一个浏览器版本号。

  方法

  reduce() Yes 9.0 3.0 4 10.5

  语法

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

  参数

  参数 描述

  function(total,currentValue,index,arr) 必需。用于执行每个数组元素的函数。

  函数参数:

  参数 描述

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

  currentValue 必需。当前元素

  currentIndex 可选。当前元素的索引

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

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

  技术细节

  返回值: 返回计算结果

  JavaScript版本: ECMAScript3

感谢各位的阅读,以上就是“怎么使用JavaScript的reduce()”的内容了,经过本文的学习后,相信大家对怎么使用JavaScript的reduce()这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI