如何用JS的reduce()函数高效处理树形结构数据？

本文共计1790个文字，预计阅读时间需要8分钟。

目录 + 定义 + 语法 + 实例

1.没有递归的初始值 init

2.递归初始值的情况

3.数组去重

4.使用 reduce 对数组中的 Object 对象进行分组及合并

5.使用 reduce 处理菜单后端返回的菜单结构 + 定义 redu

目录

• 定义
• 语法
• 实例
• 1. 没有传递初始值init
• 2. 传递初始值的情况下
• 3. 数组去重
• 4. 利用 reduce 对数组中的 Object 对象进行分组及合并
• 5. 利用 reduce 处理菜单后端返回的菜单结构

定义

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

reduce() 与forEach()、map()、filter()这些方法一样，也会对数组中的每一项进行遍历，但是reduce() 可以将遍历的前一个数组项产生的结果与当前遍历项进行运算。