编程 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 相关文章推荐

window.open关于浏览器拦截问题分析及解决方法

Feb 05 Javascript

JS获取浏览器版本及名称实现函数

Apr 02 Javascript

jQuery 插件开发指南

Nov 14 Javascript

javascript 常见功能汇总

Jun 11 Javascript

JavaScript ES6的新特性使用新方法定义Class

Jun 28 Javascript

xcode中获取js文件的路径方法(推荐)

Nov 05 Javascript

js css自定义分页效果

Feb 24 Javascript

js实现功能比较全面的全选和多选

Mar 02 Javascript

第一个Vue插件从封装到发布

Nov 22 Javascript

vue中使用refs定位dom出现undefined的解决方法

Dec 21 Javascript

vue axios基于常见业务场景的二次封装的实现

Sep 21 Javascript

JavaScript中数组去重的5种方法

Jul 04 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