如何使用reduce统计数组中对象嵌套items的总长度?及无需声明total变量的替代实现方案
用reduce实现统计,以及更简洁的替代写法
没问题!用reduce来实现这个统计功能非常合适,而且能彻底摆脱单独声明total变量的写法,代码更紧凑。
1. 使用reduce的标准写法
直接通过reduce把累加逻辑封装起来,一行代码搞定:
const total = myArray.reduce((accumulator, currentObj) => accumulator + (currentObj.items?.length || 0), 0);
细节说明:
accumulator是累加器,每次迭代都会保存当前的总长度currentObj.items?.length用可选链操作符避免items不存在时抛出错误- 加上
|| 0是为了处理items为undefined的情况(此时?.length会返回undefined,undefined + 数字会得到NaN,用|| 0把它转换成0) - 最后的
0是累加器的初始值,确保数组为空时返回0而不是undefined
2. 更简洁的替代方案:flatMap + length
如果你的场景中items要么是数组,要么是undefined,还可以用flatMap把所有items合并成一个一维数组,直接取长度:
const total = myArray.flatMap(obj => obj.items ?? []).length;
这个写法逻辑更直观:flatMap会把每个对象的items数组(如果存在的话)展开并合并成一个大数组,最后取这个大数组的长度,就是所有items的总元素数。这里用**空值合并操作符??**确保当items为undefined时,传入一个空数组,避免影响最终结果。
内容的提问来源于stack exchange,提问作者pmiranda
相关产品推荐
相关产品推荐

