详解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 相关文章推荐
一实用的实现table排序的Javascript类库
Sep 12 Javascript
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
js兼容火狐显示上传图片预览效果的方法
May 21 Javascript
jQuery实现给页面换肤的方法
May 30 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
详解用node搭建简单的静态资源管理器
Aug 09 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
js中Object.defineProperty()方法的不详解
Jul 09 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
关于layui导航栏不展示下拉列表的解决方法
Sep 25 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函数解决SQL injection
2006/10/09 PHP
PHP中动态显示签名和ip原理
2007/03/28 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
javascript常用的方法整理
2015/08/20 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
2016/11/28 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
vue-cli实现多页面多路由的示例代码
2018/01/30 Javascript
laravel-admin 与 vue 结合使用实例代码详解
2019/06/04 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
2019/12/17 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
python快排算法详解
2019/03/04 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
Python unittest基本使用方法代码实例
2020/06/29 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
澳洲女装时尚在线:Blue Bungalow
2018/05/05 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
技校毕业生自荐信范文
2014/03/07 职场文书
教室布置标语
2014/06/26 职场文书
整改报告怎么写
2014/11/06 职场文书
大国崛起英国观后感
2015/06/02 职场文书
追悼会答谢词范文
2015/09/29 职场文书
学校体育节班级口号
2015/12/25 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA