萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 詳解JavaScript中的forEach()方法的使用

詳解JavaScript中的forEach()方法的使用

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

  JavaScript數組的 forEach()方法調用數組中的每個元素。

  語法

  ?

1 array.forEach(callback[, thisObject]);

  下面是參數的詳細信息:

  callback : 函數測試數組的每個元素。

  thisObject : 對象作為該執行回調時使用。

  返回值:

  返回創建數組。

  兼容性:

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

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 if (!Array.prototype.forEach) { Array.prototype.forEach = function(fun /*, thisp*/) { var len = this.length; if (typeof fun != "function") throw new TypeError();   var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in this) fun.call(thisp, this[i], i, this); } }; }

  例子:

  ?

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 <html> <head> <title>JavaScript Array forEach Method</title> </head> <body> <script type="text/javascript"> if (!Array.prototype.forEach) { Array.prototype.forEach = function(fun /*, thisp*/) { var len = this.length; if (typeof fun != "function") throw new TypeError();   var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in this) fun.call(thisp, this[i], i, this); } }; }   function printBr(element, index, array) { document.write("<br />[" + index + "] is " + element ); }   [12, 5, 8, 130, 44].forEach(printBr);   </script> </body> </html>

  這將產生以下結果:

  ?

1 2 3 4 5 [0] is 12 [1] is 5 [2] is 8 [3] is 130 [4] is 44
copyright © 萬盛學電腦網 all rights reserved