您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

详解JavaScript中的forEach()方法的使用

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  这篇文章主要介绍了详解JavaScript中的forEach()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下

  JavaScript数组的 forEach()方法调用数组中的每个元素。

  语法

  ?

1 array.forEach(callback[, thisObject]);

  下面是参数的详细信息:

  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>

  这将产生以下结果:

  ?

1 2 3 4 5 [0] is 12 [1] is 5 [2] is 8 [3] is 130 [4] is 44