详解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 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
jqGrid用法汇总(全经典)
Jun 28 Javascript
BootstrapValidator不触发校验的实现代码
Sep 28 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
Nov 20 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 Javascript
vue给对象动态添加属性和值的实例
Sep 09 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 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 mysql数据库操作类
2008/06/04 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
JS批量操作CSS属性详细解析
2013/12/16 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
原生js实现购物车
2020/09/23 Javascript
Python查找相似单词的方法
2015/03/05 Python
解决Python requests 报错方法集锦
2017/03/19 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
python关于调用函数外的变量实例
2019/12/26 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
解决python中0x80072ee2错误的方法
2020/07/19 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
党校培训思想汇报
2013/12/30 职场文书
新闻学专业求职信
2014/07/28 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书
行政处罚决定书
2015/06/24 职场文书
《社戏》教学反思
2016/02/22 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技