详解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 相关文章推荐
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
关于js遍历表格的实例
Jul 10 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 Javascript
JS定义网页表单提交(submit)的方法
Mar 20 Javascript
jquery实现通用的内容渐显Tab选项卡效果
Sep 07 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
聊聊Vue 中 title 的动态修改问题
Jun 11 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
JS实现简单打字测试
Jun 24 Javascript
解决Vue router-link绑定事件不生效的问题
Jul 22 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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实现删除指定目录下相关文件的方法
2014/10/20 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
分享php邮件管理器源码
2016/01/06 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
js文字滚动停顿效果代码
2008/06/28 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
详解如何从零开始搭建Express+Vue开发环境
2018/07/17 Javascript
在vue中使用setInterval的方法示例
2019/04/16 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
numba提升python运行速度的实例方法
2021/01/25 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
英文简历中的自我评价
2013/10/06 职场文书
销售高级职员求职信
2013/10/29 职场文书
大学生党课思想汇报
2013/12/29 职场文书
岗位竞聘书范文
2014/03/31 职场文书
2014年教师节寄语
2014/04/03 职场文书
小学运动会演讲稿
2014/08/25 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
预备党员转正党小组意见
2015/06/01 职场文书
婚礼长辈答谢词
2015/09/29 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL
使用springMVC所需要的pom配置
2021/09/15 Java/Android