iT邦幫忙

DAY 28
0

實習、專題除錯筆記系列 第 28

實習、專題除錯筆記(二十八)怎麼使用 Javascript 的 Reduce?

  • 分享至 

  • xImage
  •  

問題二十八 怎麼使用 Javascript 的 Reduce?

在 Javascript 中有個很好用的函式叫 Reduce ,他的特點是將陣列累加,那他要怎麼用呢?
讓我們看看下面的例子:

[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
});

實際上運作會是這個樣子

這裡初始是從 0 開始,如果我們要給其他初始值呢?只要在後面加上參數就可以囉!

[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
}, 10);

實際上運作會是怎麼樣子呢?

很簡單對吧!但是我們為什麼要這樣用呢?

我們可以用 For 來處理相同的問題阿,為什麼要用 reduce ?

原因是除了畫面好懂之外,使用上也比較單純,也不需要額外的處理,在後續的維護上比較好。

參考資料 Mozilla 的 MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce


上一篇
實習、專題除錯筆記(二十七)怎麼使用 Javascript 的 Map?
下一篇
實習、專題除錯筆記(二十九)Javascript 如何重新初始化陣列?
系列文
實習、專題除錯筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言