详解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.timer插件实现一个计时器
Apr 25 Javascript
基于Jquery的淡入淡出的特效基础练习
Dec 13 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
在网站上应该用的30个jQuery插件整理
Nov 03 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
Servlet返回的数据js解析2种方法
Dec 12 Javascript
用js编写留言板
Mar 17 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
体育彩票排列三组选三算法分享
2014/03/07 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
一道关于JavaScript变量作用域的面试题
2016/03/08 Javascript
浅谈Sticky组件的改进实现
2016/03/22 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
node前端模板引擎Jade之标签的基本写法
2018/05/11 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
Vue的编码技巧与规范使用详解
2019/08/28 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
Vue实现手机计算器
2020/08/17 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
pandas的排序和排名的具体使用
2019/07/31 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
vscode调试django项目的方法
2020/08/06 Python
python FTP编程基础入门
2021/02/27 Python
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
浅析图片上传及canvas压缩的流程
2020/06/10 HTML / CSS
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
生物专业个人自荐信范文
2013/11/29 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
普通大学毕业生自荐信范文
2014/02/23 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
集中整治工作方案
2014/05/01 职场文书
大学新生军训方案
2014/05/03 职场文书
2015年小学总务工作总结
2015/07/21 职场文书