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 = ;
let total = 0;
//前一次返回的数据，当前值，当前值下标
arr.reduce((prev,current,index,arrValue)=>{
console.log(prev,current,index);
})
发现效果如下，和预期不抬一样，在没有初始值的情况下将index0作为初始值，从第二个数据开始进行遍历
prev是undefined的缘故原由是，在执行函数的时间并没有给到相应的返回值。
https://i-blog.csdnimg.cn/img_convert/a1960c40ba8918522f2bea029b5bccdb.png
2) 有返回值、无初始数据
let arr = ;
let total = 0;
//前一次返回的数据，当前值，当前值下标
total =arr.reduce((prev,current,index,arrValue)=>{
console.log(prev,current,index);
return current+prev//进行相关的累加操作
})
console.log(total);
https://i-blog.csdnimg.cn/img_convert/309d94030958287db86c887bb3088666.png
3) 有返回值、有初始值
let arr = ;
let total = 0;
//前一次返回的数据，当前值，当前值下标
total =arr.reduce((prev,current,index,arrValue)=>{
console.log(prev,current,index);
return current+prev//进行相关的累加操作
},100)
console.log(total);
https://i-blog.csdnimg.cn/img_convert/74b170c684786b69120f620c143bd22b.png
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);
https://i-blog.csdnimg.cn/img_convert/0086c32f18c8b82d8f57246e97995a6b.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]