详解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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
js生成word中图片处理方法
Jan 06 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
香妃
2021/03/03 冲泡冲煮
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
2007/02/23 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
Angular实现form自动布局
2016/01/28 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
2016/05/28 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
python实现矩阵打印
2019/03/02 Python
PyQt5实现从主窗口打开子窗口的方法
2019/06/19 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
九年级历史教学反思
2014/01/27 职场文书
西北政法大学自主招生自荐信
2014/01/29 职场文书
美术兴趣小组活动总结
2014/07/07 职场文书
法人授权委托书样本
2014/09/19 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
干货:企业内部人才推荐奖励方案!
2019/07/09 职场文书
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android
python全面解析接口返回数据
2022/02/12 Python