信鸽网

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

  作者：bea

JavaScript数组的 forEach()方法调用数组中的每个元素。 语法 array.forEach(callback[, thisObject]); 下面是参数的详细信息： callback : 函数测试数组的每个元素。 thisObject : 对象作为该执行回调时使用。 返回值: 返回创建数组。 兼容性： 这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码的顶部：

 JavaScript数组的 forEach()方法调用数组中的每个元素。
语法




array.forEach(callback[, thisObject]);


下面是参数的详细信息：



  •     callback : 函数测试数组的每个元素。

  •     thisObject : 对象作为该执行回调时使用。


返回值:


返回创建数组。
兼容性：


这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码的顶部：




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>


这将产生以下结果：




[0] is 12

[1] is 5

[2] is 8

[3] is 130

[4] is 44





有用  |  无用

猜你喜欢

您可能感兴趣的文章: