详解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(列表)的操作(取值/赋值)
Aug 06 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
js之onload事件的一点使用心得
Aug 14 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
js密码强度校验
Nov 10 Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
js控制li的隐藏和显示实例代码
Oct 15 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
vue proxy 的优势与使用场景实现
Jun 15 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
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
PHP实现事件机制的方法
2015/07/10 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
2007/02/09 Javascript
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
javascript之AJAX框架使用说明
2010/04/24 Javascript
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
javascript实现炫酷的拖动分页
2015/05/11 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
JavaScript中数组Array方法详解
2017/02/27 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
python实现的登录和操作开心网脚本分享
2014/07/09 Python
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python fileinput模块使用介绍
2014/11/30 Python
jupyter安装小结
2016/03/13 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
python sys.argv[]用法实例详解
2018/05/25 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
pandas 空数据处理方法详解
2019/11/02 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
HTML5学习笔记之History API
2015/02/26 HTML / CSS
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
全球最大的游戏市场:G2A
2018/07/05 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js