目录
1 reduce的介绍
语法:
arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
- callback 执行数组中的每个值的函数,一般包含四个参数
- accumulator 累计器累计回调的返回值,它是上一次调用回调时返回的累积值,或initialValue
- currentValue 数组正在处理的元素
- index(可选)数组中正在处理的当前元素的索引。如果提供了initialValue,则起始索引号为0,否则从1开始。
- array(可选)调用reduce的数组
- initialValue(可选)作为第一次调用callback函数时的第一个参数的值。如果没有提供初始值,则将使用数组中的第一个元素。在没有初始值的空数组上调用reduce将报错。
返回值:
函数累计处理的结果
描述:
reduce为数组中的每一个元素依次执行callback函数,不包括数组中被删除或从未被赋值的元素接收四个参数。
- accumulator 累计器
- currentValue 当前值
- currentIndex 当前索引
- array 数组
reduce回调函数第一次执行时,accumulator 和currentValue的取值有两种情况:如果调用reduce()时提供了initialValue,accumulator取值为initialValue,currentValue取数组中的第一个值;如果没有提供 initialValue,那么accumulator取数组中的第一个值,currentValue取数组中的第二个值。
reduce如何运行的如下图所示
2 reduce的用法
2.1 数组中求和,最大值,最小值
// 1 数组中所有值的和
var arr1 = [1,2,3,4,5]
var sum1 = arr1.reduce(function (accumulator,currentValue) {
return accumulator+currentValue;
},0)
console.log(sum1) // 15
// 最大值
var max = arr1.reduce(function (prev,cur) {
return Math.max(prev,cur)
},0)
console.log(max)
// 最小值
var min = arr1.reduce(function (prev,cur) {
return Math.min(prev,cur)
},999999)
console.log(min)
2.2 累加对象数组中的和
// 2 累加对象数组里的值
var arr2 = [{
x:1},{
x:2},{
x:4}];
var initialValue = 0;
var sum2 = arr2.reduce(function (accumulator,currentValue) {
return accumulator + currentValue.x;
},initialValue)
console.log(sum2) // 7
2.3 数组扁平化
// 3 将二维数组转化为一维
var arr3 = [[1,2,3,4,5],[6,7,8,9,10],[2