详解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实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
Jun 19 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
通过JS运行机制的角度说说作用域
Mar 12 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
JS常见内存泄漏及解决方案解析
May 30 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
Nov 11 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
详解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 GD 图像处理组件的常用函数总结
2010/04/28 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
如何利用PHP执行.SQL文件
2013/07/05 PHP
zf框架的Filter过滤器使用示例
2014/03/13 PHP
php模拟post提交数据的方法
2015/02/12 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
JS求平均值的小例子
2013/11/29 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
JavaScript利用正则表达式去除日期中的“-”
2014/07/01 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
2016/09/19 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
JavaScript表单验证实现代码
2017/05/22 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
windows下Pycharm安装opencv的多种方法
2020/03/05 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
adidas美国官网:adidas US
2016/09/21 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
个人应聘自我评价分享
2013/11/18 职场文书
会计专业毕业生求职信分享
2014/01/03 职场文书
校园标语大全
2014/06/19 职场文书
亚运会口号
2014/06/20 职场文书
大学计划书范文800字
2014/08/14 职场文书