JS數組方法reduce的用法實例分析
本文實例講述了JS數組方法reduce的用法。分享給大家供大家參考，具體如下：
數組方法 reduce 用來迭代一個數組，并且把它累積到一個值中。
使用 reduce 方法時，你要傳入一個回調函數，這個回調函數的參數是一個 累加器 （比如例子中的 previousVal) 和當前值 (currentVal）。
reduce 方法有一個可選的第二參數，它可以被用來設置累加器的初始值。如果沒有在這定義初始值，那么初始值將變成數組中的第一項，而 currentVal 將從數組的第二項開始。
使用 reduce 方法來讓 array 中的所有值相加
<!DOCTYPE html><html><head><meta charset='utf-8'><title>reduce的使用</title></head><body><script>var arr = [1, 2, 3, 4, 5];sum = arr.reduce(function(prev, cur, index, arr) { //輸出的是第一項的值或上一次疊加的結果，正在被處理的元素，正在被處理的元素的索引值 console.log(prev, cur, index); return prev + cur;})console.log(arr, sum); //輸入數組本身和最后的結果</script></body></html>
控制臺輸出：
var numbers = [15.5, 2.3, 1.1, 4.7]; function getSum(total, num) { return total + Math.round(num);}function myFunction(item) { console.log(numbers.reduce(getSum, 0));//0 傳遞給函數的初始值}myFunction()//輸出24
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript數組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章：
網公網安備