编程 Javascript

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

Posted in Javascript onJune 08, 2015

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

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

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

DHTML 中的绝对定位

Nov 26 Javascript

js中获取事件对象的方法小结

Mar 13 Javascript

关于include标签导致js路径找不到的问题分析及解决

Jul 09 Javascript

javascript读写json示例

Apr 11 Javascript

js 去除字符串第一位逗号的方法

Jun 07 Javascript

javascript封装简单实现方法

Aug 11 Javascript

Javascript 正则表达式校验数字的简单实例

Nov 02 Javascript

微信小程序中页面FOR循环和嵌套循环

Jun 21 Javascript

基于JavaScript实现表格滚动分页

Nov 22 Javascript

微信小程序动画（Animation）的实现及执行步骤

Oct 28 Javascript

详解nuxt 微信公众号支付遇到的问题与解决

Aug 26 Javascript

JavaScript获取URL参数的方法分享

Apr 07 Javascript

详解JavaScript中的every()方法

Jun 08 #Javascript

JavaSciprt中处理字符串之sup()方法的使用教程

Jun 08 #Javascript

javaScript中with函数用法实例分析

Jun 08 #Javascript

简介JavaScript中的sub()方法的使用

Jun 08 #Javascript

简介JavaScript中strike()方法的使用

Jun 08 #Javascript

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

Jun 08 #Javascript

在JavaScript中处理字符串之link()方法的使用

Jun 08 #Javascript