详解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 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
信息滚动效果的实例讲解
Sep 18 Javascript
js实现点击按钮复制文本功能
Jul 20 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
微信小程序基础教程之worker线程的使用方法
Jul 15 Javascript
js实现3D照片墙效果
Oct 28 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
You might like
php UTF-8、Unicode和BOM问题
2010/05/18 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
php关联数组快速排序的方法
2015/04/17 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
Bootstrap基本样式学习笔记之表单(3)
2016/12/07 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
2019/09/20 Javascript
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
怎样使用Python脚本日志功能
2016/08/14 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
Python的缺点和劣势分析
2019/11/19 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
python计算二维矩形IOU实例
2020/01/18 Python
python简单的三元一次方程求解实例
2020/04/02 Python
利用keras使用神经网络预测销量操作
2020/07/07 Python
Python 忽略文件名编码的方法
2020/08/01 Python
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
幼儿园中班下学期评语
2014/04/18 职场文书
职务任命书范本
2014/06/05 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
小学秋季运动会报道稿
2014/09/30 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
小学班主任事迹材料
2014/12/17 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技