数组的 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

你可能感兴趣的:(JavaScript,JavaScript,系列文章,javascript,开发语言,ecmascript)