JS的內建函式reduce

@(js)

reduce函式，是ecmascript5規範中出現的陣列方法。在平時的工作中，相信大家使用的場景並不多，一般而言，可以通過reduce方法實現的邏輯都可以通過foreach方法來變相的實現，雖然不清楚瀏覽器的js引擎是如何在c＋＋層面實現這兩個方法，但是可以肯定的是reduce方法肯定也存在陣列的遍歷，在具體實現細節上是否針對陣列項的操作和儲存做了什麼優化，則不得而知。

[toc]

reduce方法有兩個引數，第乙個引數是乙個callback，用於針對陣列項的操作；第二個引數則是傳入的初始值，這個初始值用於單個陣列項的操作。需要注意的是，reduce方法返回值並不是陣列，而是形如初始值的經過疊加處理後的操作。

reduce方法最常見的場景就是疊加。

var
items = [10
,120
,1000];
// our reducer function
var reducer =
function
add(sumsofar
,item) 
;// do the job
var total =
items.reduce(reducer,
0);console
.log(total);
// 1130

可以看出，reduce函式根據初始值0，不斷的進行疊加，完成最簡單的總和的實現。

前文中也提到，reduce函式的返回結果型別和傳入的初始值相同，上個例項中初始值為number型別，同理，初始值也可為object型別。

var
items = [10
,120
,1000];
// our reducer function
var reducer =
function
add(sumsofar
,item) 
;// do the job
var total =
items.reduce(reducer,
);console
.log(total);
//

使用reduce方法可以完成多維度的資料疊加。如上例中的初始值，這僅僅是乙個維度的操作，如果涉及到了多個屬性的疊加，如，則需要相應的邏輯進行處理。

在下面的方法中，採用分而治之的方法，即將reduce函式第乙個引數callback封裝為乙個陣列，由陣列中的每乙個函式單獨進行疊加並完成reduce操作。所有的一切通過乙個manager函式來管理流程和傳遞初始引數。

var
managereducers =
function
(reducers) ,{}
);}};

上面就是manager函式的實現，它需要reducers物件作為引數，並返回乙個callback型別的函式，作為reduce的第乙個引數。在該函式內部，則執行多維的疊加工作（object.keys（））。

通過這種分治的思想，可以完成目標物件多個屬性的同時疊加，完整**如下：

var
reducers =
,totalinyen 
:function
(state
,item) 
};var
managereducers =
function
(reducers) ,{}
);}};
var bigtotalpricereducer =
managereducers(reducers);
var initialstate =
;var
items = [,,];
var totals =
items.reduce(bigtotalpricereducer, initialstate);
console
.log(totals);

JS的內建函式reduce

js 內建函式reduce

16 js的高階函式reduce

js 運算的內建函式

JS的內建函式reduce

js 內建函式reduce

16 js的高階函式reduce

js 運算的內建函式

相關推薦