這篇文章主要介紹了詳解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