JavaScript array reduce

最新推荐文章于 2025-10-20 09:31:22 发布

原创最新推荐文章于 2025-10-20 09:31:22 发布 · 280 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#array #reduce

本文详细解析了JavaScript中Array.reduce方法的工作原理，包括其语法、参数详解及应用场景。阐述了在不设置初始值和设置初始值时reduce方法的不同行为，通过实例展示了如何使用reduce进行数组元素的累计操作。

语法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

未设置initialValue值时

首次运行prev 对应 arr[0] ，current对应arr[1] ；
总共执行次数是arr.length - 1

let arr = [{num: 1}, {num: 2}, {num: 3}];

let obj = arr.reduce((prev, current)=>{
	console.log(prev, current); //{num: 1} {num: 2} 
    return {num: prev.num + current.num};
});

设置initialValue值时

首次运行prev 对应 initialValue ，current对应arr[0] ；
总共执行次数是arr.length

let arr = [{num: 1}, {num: 2}, {num: 3}];

let num = arr.reduce((prev, current)=>{
	console.log(prev, current); //0 {num: 1}
    return prev + currentValue.num;
}, 0);