for循环遍历3——reduce使用细节

---

title: for循环遍历3——reduce使用细节
date: 2025-01-15 16:51:44
tags: 循环遍历

reduce函数

reduce() 求和，每次使用会以上一次的返回效果作为当前的第一个属性的初始值。
reduce函数常用于，求和、累乘、找数组最大值
语法
reduce(callbackFn)
reduce(callbackFn, initialValue)
参数
1）.callbackFn中的参数：
prev（必填），上一次调用 callbackFn 的效果。
current（必填），当前元素的值。
index（可选），current 在数组中的索引位置。
array（可选），调用了reduce() 的数组本身。
2）.initialValue的参数：
一般用于提供初始值，否则从数组的第一个值开始进行累加。
1.通例使用

1) 无返回值、无初始数据

1. let arr = [1,2,3,4];
2.           let total = 0;
3.     //前一次返回的数据，当前值，当前值下标
4.     arr.reduce((prev,current,index,arrValue)=>{
5.     console.log(prev,current,index);
6. })

复制代码

发现效果如下，和预期不抬一样，在没有初始值的情况下将index0作为初始值，从第二个数据开始进行遍历
prev是undefined的缘故原由是，在执行函数的时间并没有给到相应的返回值。

2) 有返回值、无初始数据

1. let arr = [1,2,3,4];
2. let total = 0;
3. //前一次返回的数据，当前值，当前值下标
4. total =  arr.reduce((prev,current,index,arrValue)=>{
5.   console.log(prev,current,index);
6.   return current+prev//进行相关的累加操作
7.   })
8. console.log(total);

复制代码

3) 有返回值、有初始值

1. let arr = [1,2,3,4];
2. let total = 0;
3. //前一次返回的数据，当前值，当前值下标
4. total =  arr.reduce((prev,current,index,arrValue)=>{
5.    console.log(prev,current,index);
6.    return current+prev//进行相关的累加操作
7. },100)
8. console.log(total);

复制代码

2.数组对象使用

设置了初始值的对象数组累加

1. let total = 0;
2. let arr = [{name:"张三",age:18},{name:"李四",age:22},{name:"王五",age:23},]
3. //前一次返回的数据，当前值，当前值下标
4. total =  arr.reduce((prev,current,index,arrValue)=>{
5.      console.log(prev,current,index);
6.      return current.age+prev//进行相关的累加操作
7. },100)
8. console.log(total);

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。