详解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 闭包深入理解(closure)
May 27 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
jQuery实现手机上输入后隐藏键盘功能
Jan 04 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
vue生命周期实例小结
Aug 15 Javascript
vue中使用GraphQL的实例代码
Nov 04 Javascript
js不常见操作运算符总结
Nov 20 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编写和读取XML的几种方式
2013/01/12 PHP
php 判断是否是中文/英文/数字示例代码
2013/09/30 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
JavaScript之AOP编程实例
2015/07/17 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
2016/05/17 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
python实现简单爬虫功能的示例
2016/10/24 Python
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
python实现简易学生信息管理系统
2020/04/05 Python
Python模块相关知识点小结
2020/03/09 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
如何写一封打动人心的求职信
2014/02/17 职场文书
酒店员工检讨书
2014/02/18 职场文书
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
学生评语集锦
2015/01/04 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
建党伟业的观后感
2015/06/01 职场文书
美丽人生观后感
2015/06/03 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书