详解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 相关文章推荐
JavaScript中的new的使用方法与注意事项
May 16 Javascript
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
JavaScript 对象模型 执行模型
Dec 06 Javascript
jQuery 核心函数以及jQuery对象
Mar 23 Javascript
Javascript的并行运算实现代码
Nov 19 Javascript
映彩衣的js随笔(js图片切换效果)
Jul 31 Javascript
jQuery cdn使用介绍
May 08 Javascript
基于JavaScript实现文字超出部分隐藏
Feb 29 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
Angular PWA使用的Demo示例
Jan 31 Javascript
js实现简单的贪吃蛇游戏
Apr 23 Javascript
vue项目实现多语言切换的思路
Sep 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
php带密码功能并下载远程文件保存本地指定目录 修改加强版
2010/05/16 PHP
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
Vue中的slot使用插槽分发内容的方法
2018/03/01 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
vue结合element-ui使用示例
2019/01/24 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
详解vue实现坐标拾取器功能示例
2020/11/18 Vue.js
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
Python使用multiprocessing创建进程的方法
2015/06/04 Python
Python检测生僻字的实现方法
2016/10/23 Python
python中字符串类型json操作的注意事项
2017/05/02 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
对python Tkinter Text的用法详解
2018/10/11 Python
Python读取stdin方法实例
2019/05/24 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
python for循环remove同一个list过程解析
2019/08/14 Python
python多维数组分位数的求取方式
2020/03/03 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
医学院护理专业应届生求职信
2013/11/12 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书