详解JavaScript中的forEach()方法的使用
更新时间:2015年06月08日 12:08:42 投稿:goldensun
这篇文章主要介绍了详解JavaScript中的forEach()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
JavaScript数组的 forEach()方法调用数组中的每个元素。
语法
下面是参数的详细信息:
- callback : 函数测试数组的每个元素。
- thisObject : 对象作为该执行回调时使用。
返回值:
返回创建数组。
兼容性:
这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作,你需要添加下面的脚本代码的顶部:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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 ); } }; } |
例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <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> |
这将产生以下结果:
您可能感兴趣的文章:
- js中的for如何实现foreach中的遍历
- JavaScript forEach()遍历函数使用及介绍
- javascript forEach通用循环遍历方法
- Javascript数组循环遍历之forEach详解
- javascript forEach函数实现代码
- 关于JavaScript中forEach和each用法浅析
- jQuery each和js forEach用法比较
- jsp简单自定义标签的forEach遍历及转义字符示例
- JavaScript树的深度优先遍历和广度优先遍历算法示例
- JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
- JavaScript实现树的遍历算法示例【广度优先与深度优先】
- JS实现手写 forEach算法示例
![](http://files.jb51.net/skin/2018/images/jb51ewm.png)
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
相关文章
Javascript基础教程之数据类型 (字符串 String)
javascript一共有9种数据类型,分别是字符串 String、数值型 Number、布尔型 Boolean、未定义 Undefine、空值 Null、对象 Object、引用Refernce、列表型 List、完成型 Completion,我们今天首先来看看(字符串 String)2015-01-01JavaScript正则表达式中的ignoreCase属性使用详解
这篇文章主要介绍了JavaScript正则表达式中的ignoreCase属性使用详解,是JS学习进阶中的重要知识点,需要的朋友可以参考下2015-06-06IE不支持getElementsByClassName最终完美解决方案
目前可以这么解决,判断浏览器支不支持这个方法,如果支持就不管;如果不支持,就在document对象里加入getElementsByClassName这个方法,按兴趣的朋友可以了解下2012-12-12JavaScript中setUTCFullYear()方法的使用简介
这篇文章主要介绍了JavaScript中setUTCFullYear()方法的使用简介,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
最新评论