详解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 相关文章推荐
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
Mar 05 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
js实现详情页放大镜效果
Oct 28 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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音乐采集(部分代码)
2007/02/14 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
2016/01/01 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
Django 限制访问频率的思路详解
2019/12/24 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
日本著名化妆品零售网站:Cosme Land
2019/03/01 全球购物
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
中餐厅经理岗位职责
2014/04/11 职场文书
实习公司领导推荐函
2014/05/21 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
晚会开幕词
2015/01/28 职场文书
大学生个人学习总结
2015/02/15 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
爱国主义主题班会
2015/08/14 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript
Python Pandas常用函数方法总结
2021/06/15 Python
redis 解决库存并发问题实现数量控制
2022/04/08 Redis