數(shù)組的reduce用法

琛ｈ。發(fā)布于2019-08-23 13:41 / 2075人閱讀

摘要：定義方法接收一個(gè)函數(shù)作為累加器，數(shù)組中的每個(gè)值從左到右開始縮減，最終計(jì)算為一個(gè)值。對(duì)空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。

定義

reduce() 方法接收一個(gè)函數(shù)作為累加器，數(shù)組中的每個(gè)值（從左到右）開始縮減，最終計(jì)算為一個(gè)值。對(duì)空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。

語(yǔ)法

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

參數(shù)

var arr = [2,4,6,7,3];
// 前面兩個(gè)是必須, 0表示傳遞給函數(shù)的初始值
arr.reduce((total, currentValue, currentIndex, arr) => {
         // 這里total指初始值, 或者計(jì)算結(jié)束后的返回值,
          console.log(total);              // 0
          console.log(currentValue);       // 2
          console.log(currentIndex);       // 0
          console.log(arr);                // [2,4,6,7,3]
}, 0)

幾種常見用法

1、計(jì)算數(shù)組總數(shù)

var res = arr.reduce((total,num) => {
        return total + num;
    })
    console.log(res)   // 22

2、合并二維數(shù)組

var red = [[0,1],[2,3],[4,5]].reduce((a,b) => {
            return a.concat(b)
    },[])
    console.log(red)   // [0, 1, 2, 3, 4, 5]

3、統(tǒng)計(jì)一個(gè)數(shù)組中有多少個(gè)不重復(fù)的單詞

function getWordCnt1() {
     return reg.reduce((prev, next) => {
           prev[next] = (prev[next] + 1) || 1;
           return prev;
    }, {})
}
console.log(getWordCnt1())    // {apple: 2, orange: 3, pear: 1}

4、去重

var reh = [2,4,5,3,2,4,1]
function distinct(reh) {
     return reh.reduce((prev, cur) => {
           return prev.indexOf(cur) != -1? prev : [...prev, cur]
     },[])
}
console.log(distinct(reh))   // [2,4,5,3,1]

擴(kuò)展

前幾天刷脈脈,看到一個(gè)面試題,要求把數(shù)組里name相等的去重,并且menu求重復(fù)的總和

var arr = [
       {name: "a", menu: 2},
       {name: "a", menu: 21},
       {name: "g", menu: 2},
       {name: "g", menu: 3},
       {name: "g", menu: 3},
       {name: "c", menu: 4},
       {name: "c", menu: 44},
]

如果用reduce做也是非常簡(jiǎn)單，直接上代碼

let reg= Object.entries(arr.reduce((result,obj) => {
            result[obj.name] = (result[obj.name] + obj.menu) || obj.menu
            return result;
        }, {})).map(obj => {
            return {
                name: obj[0],
                menu: obj[1]
    }    
})
console.log(reg)   // [{name: "a", menu: 23}, {name: "g", menu: 8}, {name: "c", menu: 48}]

總結(jié)

reduce(callback,initiaValue)會(huì)傳入兩個(gè)變量，回調(diào)函數(shù)(callback)和初始值(initiaValue)
如果沒有傳入初始值，則 reduce 方法會(huì)對(duì)從第二個(gè)元素開始的每個(gè)元素調(diào)用callback函數(shù)
如果提供了初始值（initiaValue）,則 reduce 方法會(huì)對(duì)數(shù)組中的每個(gè)元素調(diào)用一次callback函數(shù)