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) 无返回值、无初始数据

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

发现结果如下，和预期不抬一样，在没有初始值的情况下将index0作为初始值，从第二个数据开始进行遍历

prev是undefined的原因是，在执行函数的时候并没有给到相应的返回值。

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

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

3) 有返回值、有初始值

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

2.数组对象使用

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

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