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]

 

1

 

求和

 

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]