介紹
我們先來看看這個方法的官方概述：reduce()方法接收一個函數(shù)作為累加器（accumulator）买雾，數(shù)組中的每個值（從左到右）開始縮減，最終為一個值越锈。
你一定也和我一樣看的有點迷糊宠进，其實reduce接收的就是一個回調(diào)函數(shù)称勋，去調(diào)用數(shù)組里的每一項，直到數(shù)組結(jié)束橘忱。
我們來舉個例子大家就很明白了赴魁。
假設(shè)我有一串?dāng)?shù)組，數(shù)組里放的全是數(shù)字钝诚，我要算出這些數(shù)字的總和是多少颖御。正常情況下我們會循環(huán)，然后一個個加凝颇，有了reduce就不用那么麻煩了潘拱，只用一行代碼疹鳄。
vartotal = [0,1,2,3,4].reduce((a, b)=>a + b);//10
這個方法是如何工作的呢？
reduce接受一個函數(shù)芦岂，函數(shù)有四個參數(shù)瘪弓，分別是：
1、上一次的值;
2禽最、當(dāng)前值;
3腺怯、當(dāng)前值的索引;
4、數(shù)組;
我們還是以上面那個數(shù)組為例川无，把這幾個參數(shù)打印出來看看:
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
});
得到的結(jié)果是：
分析一下這個結(jié)果呛占，這個回調(diào)函數(shù)共調(diào)用了4次，因為第一次沒有previousValue舀透，所以直接從數(shù)組的第二項開始栓票，一只調(diào)用到數(shù)組結(jié)束。
reduce還有第二個參數(shù)愕够，我們可以把這個參數(shù)作為第一次調(diào)用callback時的第一個參數(shù)走贪，上面這個例子因為沒有第二個參數(shù)，所以直接從數(shù)組的第二項開始惑芭，如果我們給了第二個參數(shù)為5坠狡，那么結(jié)果就是這樣的：
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
},5);
第一次調(diào)用的previousValue的值就用傳入的第二個參數(shù)代替，函數(shù)被調(diào)用了5次遂跟，也就是數(shù)組的length逃沿。
reduce可以幫助我們輕松的完成很多事，除了累加幻锁，還有扁平化一個二維數(shù)組：
varflattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
? ? return ?a.concat(b);
}, []);
// flattened == [0, 1, 2, 3, 4, 5]
總結(jié)
我暫時能想到的常用的就這兩個凯亮，不過肯定還有很多地方能用到啦。以上就是這篇文章的全部內(nèi)容了哄尔，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助假消，如果有疑問大家可以留言交流。
