DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript中reduce()方法的使用詳解
JavaScript中reduce()方法的使用詳解
編輯:JavaScript綜合知識     

   這篇文章主要介紹了JavaScript中reduce()方法的使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下

  JavaScript 數組reduce()方法同時應用一個函數針對數組的兩個值(從左到右),以減至一個值。

  語法

  ?

1 array.reduce(callback[, initialValue]);

  下面是參數的詳細信息:

  callback : 函數執行在數組中每個值

  initialValue : 對象作為第一個參數回調的第一次調用使用

  返回值:

  返回數組的減少單一個值

  兼容性:

  這種方法是一個JavaScript擴展到ECMA-262標准; 因此它可能不存在在標准的其他實現。為了使它工作,你需要添加下面的腳本代碼的頂部:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 if (!Array.prototype.reduce) { Array.prototype.reduce = function(fun /*, initial*/) { var len = this.length; if (typeof fun != "function") throw new TypeError();   // no value to return if no initial value and an empty array if (len == 0 && arguments.length == 1) throw new TypeError();   var i = 0; if (arguments.length >= 2) { var rv = arguments[1]; } else { do { if (i in this) { rv = this[i++]; break; }   // if array contains no values, no initial value to return if (++i >= len) throw new TypeError(); } while (true); }   for (; i < len; i++) { if (i in this) rv = fun.call(null, rv, this[i], i, this); }   return rv; }; }

  例子:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 <html> <head> <title>JavaScript Array reduce Method</title> </head> <body> <script type="text/javascript"> if (!Array.prototype.reduce) { Array.prototype.reduce = function(fun /*, initial*/) { var len = this.length; if (typeof fun != "function") throw new TypeError();   // no value to return if no initial value and an empty array if (len == 0 && arguments.length == 1) throw new TypeError();   var i = 0; if (arguments.length >= 2) { var rv = arguments[1]; } else { do { if (i in this) { rv = this[i++]; break; }   // if array contains no values, no initial value to return if (++i >= len) throw new TypeError(); } while (true); }   for (; i < len; i++) { if (i in this) rv = fun.call(null, rv, this[i], i, this); }   return rv; }; }   var total = [0, 1, 2, 3].reduce(function(a, b){ return a + b; }); document.write("total is : " + total ); </script> </body> </html>

  這將產生以下結果:

  ?

1 total is : 6
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved