动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

浅谈reduce数组方法

05-31 15:41 620浏览
举报 T字号
  • 大字
  • 中字
  • 小字

reduce作为ES5新增的常规数组方法之一,对比forEach、filter和map,在实际使用上好像有些被忽略,发现身边的人极少使用它,导致这个如此强大的方法被逐渐埋没。

如果经常使用reduce,怎么可能放过如此好用的它呢!我还是得把他从尘土中取出来擦干净,奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。

下面对reduce的语法进行简单说明,详情可查看MDN的reduce()的相关说明。

定义:对数组中的每个元素执行一个自定义的累计器,将其结果汇总为单个返回值

形式:array.reduce((t, v, i, a) => {}, initValue)

参数:

  • callback:回调函数(必选)
  • initValue:初始值(可选)

回调函数的参数:

  • total(t):累计器完成计算的返回值(必选)
  • value(v):当前元素(必选)
  • index(i):当前元素的索引(可选)
  • array(a):当前元素所属的数组对象(可选)

过程:

  • 以t作为累计结果的初始值,不设置t则以数组第一个元素为初始值
  • 开始遍历,使用累计器处理v,将v的映射结果累计到t上,结束此次循环,返回t
  • 进入下一次循环,重复上述操作,直至数组最后一个元素
  • 结束遍历,返回最终的t

reduce的精华所在是将累计器逐个作用于数组成员上,把上一次输出的值作为下一次输入的值。下面举个简单的栗子,看看reduce的计算结果。

const arr = [3, 5, 1, 4, 2];
const a = arr.reduce((t, v) => t + v);
// 等同于
const b = arr.reduce((t, v) => t + v, 0);

代码不太明白没关系,贴一个reduce的作用动图应该就会明白了。

reduce

reduce实质上是一个累计器函数,通过用户自定义的累计器对数组成员进行自定义累计,得出一个由累计器生成的值。另外reduce还有一个胞弟reduceRight,两个方法的功能其实是一样的,只不过reduce是升序执行,reduceRight是降序执行。

对空数组调用reduce()和reduceRight()是不会执行其回调函数的,可认为reduce()对空数组无效

本文我们只是简单的聊聊reduce数组方法,reduce的高级用法在动力节点在线的Java零基础视频教程中有很详细的讲解,想学习的小伙伴千万不要错过。

0人推荐
共同学习,写下你的评论
0条评论
杨晶珍
程序员杨晶珍

98篇文章贡献357785字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

Java面试题及答案整理

提枪策马乘胜追击04-21 20:01

Spring常见面试题

代码小兵92504-17 16:07

Java零基础实战项目——五子棋

代码小兵98804-25 13:57

Java string类详解

杨晶珍05-11 14:54

6道经典算法面试题

杨晶珍05-12 16:39

发评论

举报

0/150

取消