JS中的reduce用法

定义

reduce()方法对数组中的每个元素执行一个由您提供的函数，将其结果汇总为单个返回值。
凡是循环遍历能做的事reduce()都能做，比如数组求和、数组求积、数组去重等。

语法

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

参数：

• prev（必需）。是上一次调用回调时的返回值，或者初始值init，或者init不存在时，默认为数组第一个； cur（必需）。当前正在处理的数组元素； index（可选）。是当前正在处理的数组元素的索引（init存在，起始索引为0，否则，起始索引为1）； arr（可选）。是原数组； init（可选）。是初始值。

举例（应用）

数组求和

arr.reduce((a,b) => a+b)

数据求积

arr.reduce((a,b) => a * b)

去除数组重复元素 （判断当前元素是否在数组中，如果不在，就在数组尾部添加）

let arr = [1,2,1,2,3,5,4,5,3,4,4,4,4];
let result = arr.sort().reduce((init, current) => {
    if(init.length === 0 || init[init.length-1] !== current) {
        init.push(current);
    }
    return init;
}, []);
console.log(result); // - [1,2,3,4,5]

计算每个属性出现的次数

var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice', 'Bob', 'Bob'];
var countedNames = names.reduce(function (allNames, name) {
  console.log(allNames,name);
  if (name in allNames) {
    allNames[name]++;
  }
  else {
    allNames[name] = 1;
  }
  return allNames;
}, {});
console.log(countedNames);

按属性对对象分类

var person = [
    {
        name: 'xiaoming',
        age: 18
    },{
        name: 'xiaohong',
        age: 17
    },{
        name: 'xiaogang',
        age: 17
    }
];
function groupBy(objectArray, property) {
  return objectArray.reduce(function (acc, obj) {
    var key = obj[property];
    if (!acc[key]) {
      acc[key] = [];
    }
    acc[key].push(obj);
    return acc;
  }, {});
}
var groupedPerson = groupBy(person, 'age');
console.log(groupedPerson);

总结

reduce() 是数组的归并方法，与 forEach()、map()、filter()等迭代方法一样都会对数组每一项进行遍历，但是reduce() 可同时将前面数组项遍历产生的结果与当前遍历项进行运算，这一点是其他迭代方法无法企及的。