数组的 reduce方法

数组的 reduce方法

reduce() 方法对数组中的每个元素按序执行一个由你提供的 reducer 函数，每次运行都会 将先前元素的计算结果作为参数传入，最后将其结果 汇总为单个返回值。

当第一次执行这个回调函数的时候，不存在 “上一次计算的结果”，所以如果需要回调函数从数组索引为 0 的元素开始执行，就需要传递 初始值 否则索引号为 0 的元素将会被 作为初始值 initialValue，迭代器将从第二个元素开始执行

语法：

// 箭头函数写法
	Array.reduce((perviousValue,currentValue) => { *** })
	Array.reduce((perviousValue,currentValue,currentIndex) => { *** })
	Array.reduce((perviousValue,currentValue,currentIndex,array) => { *** })
	Array.reduce((perviousValue,currentValue,currentIndex,array) => { *** },initialValue)
// 普通函数写法
	...
	Array.reduce(function(perviousValue,currentValue,currentIndex,array){ *** },initialValue)

参数：

数组 reduce 方法，包含四个参数：

• perviousValue：上一次的计算结果的返回值
• currentValue：数组中正在处理的元素。若指定了初始值，则值则为数组索引为 0 的元素，否则为 1
• currentIndex：数组中正在处理的元素的索引。若指定了初始值，则起始索引为 0，否则为 1
• array：被遍历的对象数组

---

• initialValue（可选）：此参数作为第一次调用函数时参数 previousValue 的值，
• 若指定了初始值 initialValue，则 currentValue 则将使用数组第一个元素；
• 否则 perviousValue 将使用数组的第一个元素，而 currentValue 将使用数组第二个元素

示例：

1. 计算数组所有元素的总和

    // 定义了一个初始值（也可以直接在参数后面直接写）
	const initialValue = 0; 
	// 定义了一个数组
	const sum = [0,1,2,3,4,5,6];  
	// 开始循环计算
	// 接收一个返回值
	const sumTotal = sum.reduce(function(previousValue,currentValue){  
		return perviousValue + currentValue
	},initialValue)
	// 打印总和
	console.log('sumTotal：' + sumTotal)  // sumTotal：21 

2. 累加对象数组的值

注意：如果要累加对象数组中包含的值，必须 提供 initialValue 初始值

	// 创建初始值
	const initialValue = 0;
	// 定义一个数组
	const arr = [{x:1},{x:2},{x:3},{x:4}];
	// 开始循环累加数组里面的每一个对象下的 x
	const sumTotal = arr.reduce(function(previousValue,currentValue){
		return previousValue + currentValue.x  // 对象.x 拿到里面的每一个 x 属性
	},initialValue)
	// 打印总和
	console.log('sumTotal:' + sumTotal);  // sumTotal：10