js中reduce（）的牛掰所在 本质作用：实现数值累计，筛选过滤，类似递归

 

先看w3c官说

 

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

/*

total: 必需。初始值, 或者计算结束后的返回值。

currentValue： 必需。当前元素。

currentIndex： 可选。当前元素的索引；

arr： 可选。当前元素所属的数组对象。

initialValue: 可选。传递给函数的初始值，相当于total的初始值。

*/

在js中常见的用法：

1.数组求和

 

2.数组最大值

3.进阶用法

3.1数组对象中的用法

3.2求字符串中字每个母出现的次数

   

       3.3数组转数组

    3.4数组转对象

 

 

4高级用法

4.1多维的叠加执行操作

<!-- 各科成绩占比重不一样， 求结果 -->

var result = [

  { subject: 'math', score: 88 },

  { subject: 'chinese', score: 95 },

  { subject: 'english', score: 80 }

];

var dis = {

    math: 0.5,

    chinese: 0.3,

    english: 0.2

};

var res = result.reduce((accumulator, cur) => dis[cur.subject] * cur.score + accumulator, 0);

 

 

<!-- 加大难度， 商品对应不同国家汇率不同，求总价格 -->

var prices = [{price: 23}, {price: 45}, {price: 56}];

var rates = {

  us: '6.5',

  eu: '7.5',

};

var initialState = {usTotal:0, euTotal: 0};

var res = prices.reduce((accumulator, cur1) => Object.keys(rates).reduce((prev2, cur2) => {

  console.log(accumulator, cur1, prev2, cur2);

  accumulator[`${cur2}Total`] += cur1.price * rates[cur2];

  return accumulator;

}, {}), initialState);

 

 

var manageReducers = function() {

  return function(state, item) {

    return Object.keys(rates).reduce((nextState, key) => {

        state[`${key}Total`] += item.price * rates[key];

        return state;

      }, {});

  }

};

var res1= prices.reduce(manageReducers(), initialState);

 

4.2扁平一个二维数组（合并成一个数组）