JavaScript 中的 reduce()

JavaScript 中的 reduce()

1、定义和用法

reduce()方法接收一个函数作为累加器，数组中的每个值从左到右开始缩减，最终计算为一个值。

注意：reduce()对于空数组是不会执行回调函数的。

2、语法

arr.reduce(function(prev, cur, curIndex, arr){
    ...
}, init)

3、参数

prev：必需，初始值init，或者每次计算结束后的返回值；

cur：必需，当前元素；

curIndex：cur的索引；

arr：当前元素所属的数组arr；

init：传递给函数的初始值初始值。

4、实例

var arr = [5,4,8,6,8,2,6,22,8,6]

求和

sum = arr.reduce(function(prev,cur) {
    console.log(prev, cur)
    return prev + cur;
}, 0);

// 打印结果如下：
0 5
5 4
9 8
17 6
23 8
31 2
33 6
39 22
61 8
69 6
75

求数组项最大值

max = arr.reduce(function(prev, cur) {
    console.log(prev, cur)
    return Math.max(prev, cur)
}, 0);

// 打印结果如下：
0 5
5 4
5 8
8 6
8 8
8 2
8 6
8 22
22 8
22 6
22

数组去重

newArr = arr.reduce((prev, cur) => {
    console.log(prev, cur);
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
}, [])

// 打印结果如下：
[] 5
[5] 4
[5, 4] 8
[5, 4, 8] 6
[5, 4, 8, 6] 8
[5, 4, 8, 6] 2
[5, 4, 8, 6, 2] 6
[5, 4, 8, 6, 2] 22
[5, 4, 8, 6, 2, 22] 8
[5, 4, 8, 6, 2, 22] 6
[5, 4, 8, 6, 2, 22]

计算字符串字母出现的次数

strNum = str.split('').reduce((strObj, cur) => {
    console.log(strObj, cur)
    strObj[cur] ? strObj[cur]++ : strObj[cur] = 1;
    return strObj;
}, {});

// 打印结果如下
{} 'h'
{h: 1} 'e'
{h: 1, e: 1} 'l'
{h: 1, e: 1, l: 1} 'l'
{h: 1, e: 1, l: 2} 'o'
{h: 1, e: 1, l: 2, o: 1}

二维数组转换为一维数组

var arr1 = [[1,2],[1,4,3],[7,8,9]]
arr2 = arr1.reduce((x,y) => x.concat(y), []);

// [1, 2, 1, 4, 3, 7, 8, 9]