详解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 相关文章推荐
学习ExtJS fit布局使用说明
Oct 08 Javascript
JQuery each()嵌套使用小结
Apr 18 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
JS函数的定义与调用方法推荐
May 12 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
详解如何在vue中使用sass
Jun 21 Javascript
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
微信小程序开发技巧汇总
Jul 15 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
微信小程序仿通讯录功能
Apr 09 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中把对象转换为关联数组代码分享
2015/04/09 PHP
PHP图形计数器程序显示网站用户浏览量
2016/07/20 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
快速查找数组中的某个元素并返回下标示例
2013/09/03 Javascript
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
Bootstrap3 内联单选和多选框
2016/12/29 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
Python调用C语言的实现
2019/07/26 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
matlab灰度图像调整及imadjust函数的用法详解
2020/02/27 Python
jupyter 中文乱码设置编码格式 避免控制台输出的解决
2020/04/20 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
Linux文件系统类型
2012/09/16 面试题
业务代表的岗位职责
2013/11/16 职场文书
聚美优品广告词改编
2014/03/14 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
地方白酒代理协议书
2014/10/25 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
庭外和解协议书
2016/03/23 职场文书
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers