一、reduce语法
arr.reduce(callback, [initialValue])
// [initialValue]并不是表示这里一定要是数组的写法,更多实际用法看下文
reduce() 方法接收一个函数作为累加器,数组中的每个值开始缩减,最终计算成为一个值。
① callback(必需。用于执行每个数组元素的函数,包含四个参数)
previousValue (必需。初始值, 或者计算结束后的返回值。)
currentValue (必需。当前元素)
currentIndex(可选。当前元素的索引)
arr(可选。当前元素所属的数组对象。)
② initialValue (可选。作为第一次调用 callback 的第一个参数)
如果没有提供初始值initialValue,reduce 会从索引 1 的地方开始执行 callback 方法,跳过第一个索引。如果提供 initialValue,从索引 0 开始。
const arr = [1, 2, 3, 4]
const sum = arr.reduce((prev, cur, index, arr) => {
console.log(prev, cur, index)
return prev + cur
}, 0) // 这里设置0和不设置0的时候打印下看看
console.log(arr, sum)
// 最好设置一下初始值,要不然arr为空数组的话运行就会报错
二、reduce的用法
1.数组求和,求乘积
const arr = [1, 2, 3, 4]
const sum = arr.reduce((x, y) => x + y)
const mul = arr.reduce((x, y) => x * y)
console.log('求和,', sum) // 10
console.log('求乘积,', mul) // 24
2.计算数组中每个元素出现的次数
const names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];
const nameNum = names.reduce((prev, cur) => {
if (cur in prev) {
prev[cur]++
} else {
prev[cur] = 1
}
return prev
}, {})
console.log(nameNum) // {Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}
3.数组去重
const arr = [1, 2, 3, 4, 4, 1, 5, 5]
const arrNew = arr.reduce((prev, cur) => {
if (!prev.includes(cur)) {
prev.push(cur)
}
return prev
}, [])
console.log(arrNew) // [1, 2, 3, 4, 5]
4.将二维数组转化为一维
const arr = [[0, 1], [2, 3], [4, 5]]
const arrNew = arr.reduce((prev, cur) => {
return prev.concat(cur)
}, [])
console.log(arrNew) // [0, 1, 2, 3, 4, 5]
5.将多维数组转化为一维
let arr = [[0, 1], [2, 3], [4,[5,6,7]]]
const newArr = function(arr){
return arr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?newArr(cur):cur),[])
}
console.log(newArr(arr)); // [0, 1, 2, 3, 4, 5, 6, 7]
6.对象里的属性求和
var result = [
{
subject: 'math',
score: 10
},
{
subject: 'chinese',
score: 20
},
{
subject: 'english',
score: 30
}
];
var sum = result.reduce(function(prev, cur) {
return cur.score + prev;
}, 0);
console.log(sum) // 60