reduce()對(duì)數(shù)組中的每個(gè)元素進(jìn)行累加，返回一個(gè)新的值，可以傳入初始值
簡(jiǎn)單的講就是返回?cái)?shù)組中所有元素的和數(shù) 不會(huì)改變?cè)冀M的值不會(huì)對(duì)空數(shù)組執(zhí)行回調(diào)函數(shù)

arr.reduce(function(tmp, value, [index]) {
    // dosomething...
},  [startValue]) // 提供初始值通常更安全

tmp：上一次的累加值，初始值為外部傳進(jìn)去的初始值 startValue，若沒(méi)傳默認(rèn)是數(shù)組第一個(gè)值
value：數(shù)組元素；若累加值tmp為數(shù)組第一個(gè)值，則value為從數(shù)組第二個(gè)值開(kāi)始
index：數(shù)組索引（可選）
startValue：外部傳入的初始值（可選）

用法：

1、簡(jiǎn)單用法：求和、乘積、平均值

let arr = [1, 2, 3, 4]
let sum = arr.reduce((x,y) => x + y) // 求和
let mul = arr.reduce((x,y) => x * y) // 求乘積
let average = arr.reduce((x, y) => (x + y) / arr.length) // 求平均值

2、升級(jí)用法：使用reduce代替map和filter的組合

篩選出數(shù)組中年齡>18歲的，并添加屬性，用map和filter的組合需要遍歷數(shù)組2次

const list = [
    { name:'張三', age:20 },
    { name:'李四', age:15 },
    { name:'王五', age:35}
]
const newList = list.filter(item => item.age > 18).map(item => {
    return Object.assign({}, item, {
        is: '成年'
    })
})

同樣操作使用reduce只用遍歷數(shù)組一次

const newList = list.reduce((tmp, item) => {
    return item.age > 18 ? tmp.concat(Object.assign({}, item, { is: '成年' })) : tmp
}, [])
console.log(newList)

返回結(jié)果：

3、高級(jí)用法：對(duì)象數(shù)組去重

let person = [
  {id: 0, name: "小明"},
  {id: 1, name: "小張"},
  {id: 2, name: "小李"},
  {id: 3, name: "小孫"},
  {id: 1, name: "小周"},
  {id: 2, name: "小陳"},
]
 
let obj = {}
person = person.reduce((prev,item)=>{
  if(obj[item.id] === undefined) {
    prev.push(item)
    obj[item.id] = 1
  }
  return prev
}, [])
console.log(person)

返回結(jié)果：

4、高級(jí)用法：按屬性分組對(duì)象

const result = [
  {subject: '物理', marks: 41},
  {subject: '化學(xué)', marks: 59},
  {subject: '高等數(shù)學(xué)', marks: 36},
  {subject: '應(yīng)用數(shù)學(xué)', marks: 90},
  {subject: '英語(yǔ)', marks: 64},
]
let initialValue = {
  pass: [],
  fail: []
}
const groupedResult = result.reduce((accumulator, current) => {
  (current.marks >= 50) ? accumulator.pass.push(current) : accumulator.fail.push(current)
  return accumulator
}, initialValue)
console.log(groupedResult)

返回結(jié)果：