javaScript 中 reduce() 详解、示例

javaScript 中 reduce() 详解、示例

定义和用法

educe() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
reduce() 可以作为一个高阶函数，用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。

语法

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数

参数	描述书
function(total,currentValue, index,arr)	必需。用于执行每个数组元素的函数。函数参数:
total	必需。初始值, 或者计算结束后的返回值。
currentValue	必需。当前元素
currentIndex	可选。当前元素的索引
arr	可选。当前元素所属的数组对象
initialValue	可选。传递给函数的初始值

实例

var  arr = [1, 2, 3, 4];
var sum = arr.reduce((x,y)=>x+y)
var mul = arr.reduce((x,y)=>x*y)
console.log( sum ); //求和，10
console.log( mul ); //求乘积，24

进阶方法

求数组项最大值

var arr = [3,9,4,3,6,0,9];
var max = arr.reduce(function(pre,cur,inde,arr){return pre>cur?pre:cur;})
console.log(max);// 输出：9

数组去重

var arr = [3,9,4,3,6,0,9];
var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);
console.log(newArr );//  输出：[3, 9, 4, 6, 0]

求字符串中字母出现的次数

var str = 'asddfgdfasdqwesadsassdfg';
var res = str.split('').reduce((accumulator, cur) => {accumulator[cur] ? accumulator[cur]++ : accumulator[cur] = 1; return accumulator;}, {});
console.log(res);// 输出：{"a":4,"s":6,"d":6,"f":3,"g":2,"q":1,"w":1,"e":1}

扁平一个二维数组

var arr = [[1, 2, 8], [3, 4, 9], [5, 6, 10]];
var res = arr.reduce((x, y) => x.concat(y), []);
console.log(res); // 输出：[1, 2, 8, 3, 4, 9, 5, 6, 10]

暂时就这么多，如果有更好的希望大家评论区补充！