reduce() 方法对数组中的每个元素执行一个由我们提供的reducer函数(升序执行),将其结果汇总为单个返回值。

1. 语法reduce说明

arr.reduce(callback(accumulator, currentValue, index, array), initialValue)

第一个参数: callback函数

执行数组中每个值 (如果没有提供 initialValue则第一个值除外)的函数,包含四个参数:

accumulator
          累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(见于下方)。

currentValue
          数组中正在处理的元素。

index 可选
           数组中正在处理的当前元素的索引。 如果提供了initialValue,则起始索引号为0,否则从索引1起始。

array可选
          调用reduce()的原数组

第二个参数: initialValue可选

作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值,则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。

这个看下来都有点蒙,其实就是两种情况,一种情况是给了初始值,一种是没提供也就是reduce的第二个参数initialValue。

reduce为数组中的每一个元素依次执行callback函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:

accumulator 累计器
currentValue 当前值
currentIndex 当前索引
array 数组
回调函数第一次执行时,accumulator 和currentValue的取值有两种情况:如果调用reduce()时提供了initialValue,accumulator取值为initialValue,currentValue取数组中的第一个值;如果没有提供 initialValue,那么accumulator取数组中的第一个值,currentValue取数组中的第二个值。

为了理解透举个栗子:

(1)没有给初始值时:

(2)给初始值时

提供一个初始值作为reduce()方法的第二个参数,以下是运行过程及结果:

(3)其他用途:

多维数组降维:

 求和:

 按属性对object分类:

 数据处理成树结构:

初试数据:

reduce处理数据的逻辑:

最终想要的树结构数据:

参考链接:https://blog.csdn.net/weixin_41229588/article/details/106858685

最新文章

  1. C++学习笔记 四种新式类型转换
  2. 不再为Apache进程淤积、耗尽内存而困扰((转))
  3. [编辑器]走上atom之路1
  4. CSS Devices可以让你在线直接获取使用CSS写的Mobile外形。
  5. Mysql自增字段
  6. 针对谷歌默认最小字体12px的正确解决方案 (css、html)
  7. PHP SQL注入的防范
  8. secureCRT命令大全
  9. pthread_setschedprio()函数详解!!!
  10. react-router 参数获取
  11. matplotlib绘图3
  12. Snmp学习总结(一)——Snmp的基本概念
  13. dubbo 框架小结
  14. CentOS6.5搭建ldap及pdc的过程
  15. MyBatis关联查询,一对多关联查询
  16. PBR Step by Step(四)Lambertian反射模型
  17. LeetCode 45 Jump Game II(按照数组进行移动)
  18. POJ 3083 Bfs+Dfs
  19. 【linux】mkdir -p命令
  20. 16、Semantic-UI之模态窗口

热门文章

  1. electron-vue打包出现问题汇总
  2. 浅谈 Lucas 定理
  3. YII服务定位器依赖注入
  4. Java学习(三)Java起源&发展
  5. Jenkins使用pipeline部署服务到远程服务器
  6. java学习第四天高级数组.day13
  7. iommu系列之---概念解释篇
  8. 这次我设计了一款TPS百万级别的分布式、高性能、可扩展的RPC框架
  9. C#基础_VS常用快捷键
  10. 【MySQL】从入门到精通8-SQL数据库编程