通过六个场景,告诉你 reduce 方法有多么强大!

开发 前端
reduce() 方法对数组中的每个元素按序执行一个提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。

都 2025 了,还有很多人都不知道 reduce 这个方法到底有什么用,或者说应该在什么场景下去使用。

reduce 是一个非常实用的数组方法。

reduce() 方法对数组中的每个元素按序执行一个提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。

第一次执行回调函数时,不存在“上一次的计算结果”。如果需要回调函数从数组索引为 0 的元素开始执行,则需要传递初始值。否则,数组索引为 0 的元素将被用作初始值,迭代器将从第二个元素开始执行(即从索引为 1 而不是 0 的位置开始)。

接下来通过几个场景给大家讲一下 reduce 的使用场景。

数字的求和

如果你想要对一堆数字进行求和计算,那么 reduce 是不二之选!

图片图片

数组扁平化

如果你想要对一个数组进行扁平化,也可以选择 reduce 来完成。

图片图片

根据属性去分类对象

比如有一个对象数组,你想要根据每个对象的某一个属性,去对这些对象进行分组,就可以使用 reduce 来完成。

图片图片

对象数组生成映射关系

比如有一个对象数组,我想要根据每一个对象的 id 去生成映射关系,方便后面根据 id 去匹配,就可以使用 reduce 来完成。

图片图片

统计元素出现次数

你想要统计一个数组中各个元素出现的次数,就可以使用 reduce 来完成。

图片图片

计算平均值

计算一个数字数组的平均值。

图片

责任编辑:武晓燕 来源: 前端之神
相关推荐

2011-10-14 10:48:02

2017-07-20 10:46:57

网页CDN加速缓存

2022-09-06 08:07:24

SQL语句查询

2023-06-20 14:13:03

2022-05-02 16:18:22

RocketMQBrokertopic

2024-04-11 08:29:35

Kafka异步发送发送端重试

2009-07-08 11:27:05

敏捷方法

2020-10-29 07:52:43

JS JavaScript函数

2009-06-04 10:20:34

Hibernate持久化Java

2023-05-16 16:03:10

2023-05-17 18:54:07

Linux代码

2023-04-20 09:08:55

IT重组CIO

2019-10-08 11:48:20

PythonGitHub程序员

2023-04-27 13:16:45

2023-04-26 00:46:03

Python自然语言处理库

2024-11-15 11:30:58

2020-07-02 15:43:26

Kubernetes容器工作负载

2022-07-03 08:14:30

VS Code主题

2019-12-19 14:42:40

开源数据科学项目

2022-11-15 16:54:54

点赞
收藏

51CTO技术栈公众号