Array.reduce()方法解析


MDN上解釋的很清楚, https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce  這兒再記錄一下:

定義:

reduce() 方法對累加器和數組中的每個元素 (從左到右)應用一個函數,將其減少為單個值。

語法:

array.reduce(function(accumulator, currentValue, currentIndex, array), initialValue);

 

accumulator:上一次調用回調返回的值,或者是提供的初始值(initialValue)

currentValue:數組中正在處理的元素

currentIndex:數據中正在處理的元素索引,如果提供了 initialValue ,從0開始;否則從1開始

array: 調用 reduce 的數組

initialValue:可選項,其值用於第一次調用 callback 的第一個參數。如果沒有設置初始值,則將數組中的第一個元素作為初始值。空數組調用reduce時沒有設置初始值將會報錯。

 

瀏覽器兼容性:

IE>=9 , PS: IE不支持ES6的箭頭函數。

 

應用:

比如求和或者需要連續操作數組中的每個元素獲得最終結果,for循環可以解決的可以嘗試使用reduce方法來做。

1. 求和。

var res = [0, 1, 2, 3, 4].reduce((accumulator, currentValue, currentIndex, array) => { 
  return accumulator + currentValue;
});

callback 被調用四次,每次調用的參數和返回值如下表:

callback accumulator currentValue currentIndex

array

return value
first call 0 1 1 [0,1,2,3,4] 1
second call 1 2 2 [0,1,2,3,4] 3
third call 3 3 3 [0, 1, 2, 3, 4] 6
fourth call 6 4 4 [0, 1, 2, 3, 4] 10

 

 

 

 

 


2. 求最大值

var res = [1,2,3,4,5].reduce((pre, curr) => { return curr > pre ? curr : pre;
//return Math.max(pre,curr); });

 

3. 將二維數組轉化為一維數組

var flattened = [[0, 1], [2, 3], [4, 5]].reduce((a, b) => { return a.concat(b); });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM