Array.prototype.reduce()
reduce()
方法对数组中的每个元素执行提供的reducer
函数,将其结果汇总为单个返回值。
语法:
arr.reduce(callback(acc, cur [, idx [, array]]) [, initialValue])
acc
:累加器
表示上一次调用累加器的返回值,或设置的initialValue
值,如果没设置initialValue
,则acc
为数组的第一个元素值。
const arr = [1, 2, 3, 4, 5];
// 未设置 initialValue
arr.reduce((acc, cur, index, arr) => {
console.log(acc); // 1 3 6 10
return acc + cur;
});
// 设置 initialValue
arr.reduce((acc, cur, index, arr) => {
console.log(acc); // 10 11 13 16 20
return acc + cur;
}, 10);
cur
:当前值
表示数组正在处理的值。
arr.reduce((acc, cur, index, arr) => {
console.log(cur); // 2 3 4 5
return acc + cur;
});
idx
:当前索引
表示当前正在处理值的索引,如果设置了initialValue
,则idx
从0开始,否则从 1 开始。
// 未设置 initialValue
arr.reduce((acc, cur, idx, arr) => {
console.log(idx); // 1 2 3 4
return acc + cur;
});
// 设置 initialValue
arr.reduce((acc, cur, idx, arr) => {
console.log(idx); // 0 1 2 3 4
return acc + cur;
}, 10);
array
:表示数组本身
arr.reduce((acc, cur, idx, arr) => {
console.log(arr); // [1, 2, 3, 4, 5]
return acc + cur;
});
initialValue
:用作acc
的默认值
使用
求数组中的元素之和
const arr = [1, 2, 3, 4, 5];
arr.reduce((acc, cur) => {
return acc + cur;
});
求数组中每个元素出现的次数:
const arr = [1, 1, 2, 3, 4, 4, 4, 5],
result = {};
esult = arr.reduce((acc, cur) => {
if (acc.hasOwnProperty(cur)) {
acc[cur]++;
} else {
acc[cur] = 1;
}
return acc;
}, result);
console.log(result); // {1: 2, 2: 1, 3: 1, 4: 3, 5: 1}