reduce（）方法可以搞定的東西，for迴圈，或者forEach方法有時候也可以搞定，那為啥要用reduce（）？這個問題，之前我也想過，要說原因還真找不到，唯一能找到的是：通往成功的道路有很多，但是總有一條路是最捷徑的，亦或許reduce（）逼格更高。。。
1、語法
arr。reduce（callback，［initialValue］）
reduce 為陣列中的每一個元素依次執行回撥函式，不包括陣列中被刪除或從未被賦值的元素，接受四個引數：初始值（或者上一次回撥函式的返回值），當前元素值，當前索引，呼叫 reduce 的陣列。
callback （執行陣列中每個值的函式，包含四個引數） 1、previousValue （上一次呼叫回撥返回的值，或者是提供的初始值（initialValue）） 2、currentValue （陣列中當前被處理的元素） 3、index （當前元素在陣列中的索引） 4、array （呼叫 reduce 的陣列）initialValue （作為第一次呼叫 callback 的第一個引數。）
2、例項解析 initialValue 引數
先看第一個例子：
var arr = ［1， 2， 3， 4］；var sum = arr。reduce（function（prev， cur， index， arr） { console。log（prev， cur， index）； return prev + cur；}）console。log（arr， sum）；
列印結果：
1 2 1
3 3 2
6 4 3
［1， 2， 3， 4］ 10
這裡可以看出，上面的例子index是從1開始的，第一次的prev的值是陣列的第一個值。陣列長度是4，但是reduce函式迴圈3次。
再看第二個例子：
var arr = ［1， 2， 3， 4］；var sum = arr。reduce（function（prev， cur， index， arr） { console。log（prev， cur， index）； return prev + cur；}，0） //注意這裡設定了初始值console。log（arr， sum）；
列印結果：
0 1 0
1 2 1
3 3 2
6 4 3
［1， 2， 3， 4］ 10
這個例子index是從0開始的，第一次的prev的值是我們設定的初始值0，陣列長度是4，reduce函式迴圈4次。
結論：如果沒有提供initialValue，reduce 會從索引1的地方開始執行 callback 方法，跳過第一個索引。如果提供initialValue，從索引0開始。
注意：如果這個陣列為空，運用reduce是什麼情況？
var arr = ［］；var sum = arr。reduce（function（prev， cur， index， arr） { console。log（prev， cur， index）； return prev + cur；}）//報錯，“TypeError： Reduce of empty array with no initial value”
但是要是我們設定了初始值就不會報錯，如下：
var arr = ［］；var sum = arr。reduce（function（prev， cur， index， arr） { console。log（prev， cur， index）； return prev + cur；}，0）console。log（arr， sum）； // ［］ 0
所以一般來說我們提供初始值通常更安全
3、reduce的簡單用法
當然最簡單的就是我們常用的陣列求和，求乘積了。
var arr = ［1， 2， 3， 4］；var sum = arr。reduce（（x，y）=>x+y）var mul = arr。reduce（（x，y）=>x*y）console。log（ sum ）； //求和，10console。log（ mul ）； //求乘積，24
4、reduce的高階用法
（1）計算陣列中每個元素出現的次數
let names = ［‘Alice’， ‘Bob’， ‘Tiff’， ‘Bruce’， ‘Alice’］；let nameNum = names。reduce（（pre，cur）=>{ if（cur in pre）{ pre［cur］++ }else{ pre［cur］ = 1 } return pre}，{}）console。log（nameNum）； //{Alice： 2， Bob： 1， Tiff： 1， Bruce： 1}
（2）陣列去重
let arr = ［1，2，3，4，4，1］let newArr = arr。reduce（（pre，cur）=>{ if（！pre。includes（cur））{ return pre。concat（cur） }else{ return pre }}，［］）console。log（newArr）；// ［1， 2， 3， 4］
（3）將二維陣列轉化為一維
let arr = ［［0， 1］， ［2， 3］， ［4， 5］］let newArr = arr。reduce（（pre，cur）=>{ return pre。concat（cur）}，［］）console。log（newArr）； // ［0， 1， 2， 3， 4， 5］
（3）將多維陣列轉化為一維
let arr = ［［0， 1］， ［2， 3］， ［4，［5，6，7］］］const newArr = function（arr）{ return arr。reduce（（pre，cur）=>pre。concat（Array。isArray（cur）？newArr（cur）：cur），［］）}console。log（newArr（arr））； //［0， 1， 2， 3， 4， 5， 6， 7］
（4）、物件裡的屬性求和
var result = ［ { subject： ‘math’， score： 10 }， { subject： ‘chinese’， score： 20 }， { subject： ‘english’， score： 30 }］；var sum = result。reduce（function（prev， cur） { return cur。score + prev；}， 0）；console。log（sum） //60
作者：_littleTank_
連結：https：//www。jianshu。com/p/e375ba1cfc47
