歡迎您光臨本站 註冊首頁

· javascript foreach雜誌閱讀

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

admin @ 2020-04-18 reply:0

avaScript陣列的 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);

  }

 };

}

例子:

<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



[admin via ] 詳解JavaScript中的forEach()方法的使用已經有412次圍觀

http://coctec.com/magazine/show-post-item-36.html