详解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 事件冒泡简介及应用
Jan 11 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
ES6下React组件的写法示例代码
May 04 Javascript
js判断数组是否包含某个字符串变量的实例
Nov 24 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
基于游标的分页接口实现代码示例
Nov 12 Javascript
Vue.js实现立体计算器
Feb 22 Javascript
Javascript如何实现双指控制图片功能
Feb 25 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
JavaScript实现简单动态表格
Dec 02 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
详解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中对2个数组相加的函数
2011/06/24 PHP
用php解析html的实现代码
2011/08/08 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
PHP里的单例类写法实例
2015/06/25 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
激活 ActiveX 控件
2006/10/09 Javascript
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
JS中把字符转成ASCII值的函数示例代码
2013/11/21 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
2017/04/13 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
简单谈谈React中的路由系统
2017/07/25 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
python-opencv颜色提取分割方法
2018/12/08 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
秘书英文求职信范文
2014/01/31 职场文书
九一八事变纪念日演讲稿
2014/09/14 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
在pyCharm中下载第三方库的方法
2021/04/18 Python