1.  js 数组循环遍历。

数组循环变量，最先想到的就是 for(var i=0;i<count;i++)这样的方式了。

除此之外，也可以使用较简便的forEach 方式

2.  forEach 函数。

Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下：

  1. <!--Add by oscar999-->
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <HTML>
  4. <HEAD>
  5. <TITLE> New Document </TITLE>
  6. <META NAME="Author" CONTENT="oscar999">
  7. </HEAD>
  8. <BODY>
  9. <script>
  10. var arryAll = [];
  11. arryAll.push(1);
  12. arryAll.push(2);
  13. arryAll.push(3);
  14. arryAll.push(4);
  15. arryAll.forEach(function(e){
  16. alert(e);
  17. })
  18. </script>
  19. </BODY>
  20. </HTML>

但是以上，代码在IE中却无法正常工作。

因为IE的Array 没有这个方法

  1. alert(Array.prototype.forEach);

执行以上这句得到的是  "undefined"， 也就是说在IE 中 Array 没有forEach的方法。

3.  让IE兼容forEach方法

既然IE的Array 没哟forEach方法， 我们就给它手动添加这个原型方法。

  1. //Array.forEach implementation for IE support..
  2. //https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach
  3. if (!Array.prototype.forEach) {
  4. Array.prototype.forEach = function(callback, thisArg) {
  5. var T, k;
  6. if (this == null) {
  7. throw new TypeError(" this is null or not defined");
  8. }
  9. var O = Object(this);
  10. var len = O.length >>> 0; // Hack to convert O.length to a UInt32
  11. if ({}.toString.call(callback) != "[object Function]") {
  12. throw new TypeError(callback + " is not a function");
  13. }
  14. if (thisArg) {
  15. T = thisArg;
  16. }
  17. k = 0;
  18. while (k < len) {
  19. var kValue;
  20. if (k in O) {
  21. kValue = O[k];
  22. callback.call(T, kValue, k, O);
  23. }
  24. k++;
  25. }
  26. };
  27. }

详细介绍可以参照：
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach

 

4. 如何跳出循环？

Js 此种状况的forEach 不能使用continue, break;  可以使用如下两种方式：
1. if 语句控制
2. return . (return true, false)
return --> 类似continue

以下例子是取出数组中2的倍数和3的倍数的数;

  1. <!--Add by oscar999-->
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <HTML>
  4. <HEAD>
  5. <TITLE> New Document </TITLE>
  6. <META NAME="Author" CONTENT="oscar999">
  7. </HEAD>
  8. <BODY>
  9. <script>
  10. if (!Array.prototype.forEach) {
  11. Array.prototype.forEach = function(callback, thisArg) {
  12. var T, k;
  13. if (this == null) {
  14. throw new TypeError(" this is null or not defined");
  15. }
  16. var O = Object(this);
  17. var len = O.length >>> 0; // Hack to convert O.length to a UInt32
  18. if ({}.toString.call(callback) != "[object Function]") {
  19. throw new TypeError(callback + " is not a function");
  20. }
  21. if (thisArg) {
  22. T = thisArg;
  23. }
  24. k = 0;
  25. while (k < len) {
  26. var kValue;
  27. if (k in O) {
  28. kValue = O[k];
  29. callback.call(T, kValue, k, O);
  30. }
  31. k++;
  32. }
  33. };
  34. }
  35. var arryAll = [];
  36. arryAll.push(1);
  37. arryAll.push(2);
  38. arryAll.push(3);
  39. arryAll.push(4);
  40. arryAll.push(5);
  41. var arrySpecial = [];
  42. arryAll.forEach(function(e){
  43. if(e%2==0)
  44. {
  45. arrySpecial.push(e);
  46. }else if(e%3==0)
  47. {
  48. arrySpecial.push(e);
  49. }
  50. })
  51. </script>
  52. </BODY>
  53. </HTML>

使用return 达到以上效果

  1. arryAll.forEach(function(e){
  2. if(e%2==0)
  3. {
  4. arrySpecial.push(e);
  5. return;
  6. }
  7. if(e%3==0)
  8. {
  9. arrySpecial.push(e);
  10. return;
  11. }
  12. })

至于如何写类似break 的效果，目前尚未找到比较好的办法。

有搜索一下，有的说return false 可以达成， 试了一下， 效果和return 和return ture 是一样的。

forEach的使用方法的更多相关文章

  1. JS数组中every(),filter(),forEach(),map(),some()方法学习笔记！

    ES5中定义了五种数组的迭代方法:every(),filter(),forEach(),map(),some(). 每个方法都接受两个参数:要在每一项运行的函数(必选)和运行该函数的作用域的对象-影响 ...

  2. JavaScript中的数组遍历forEach()与map()方法以及兼容写法

    原理: 高级浏览器支持forEach方法 语法:forEach和map都支持2个参数:一个是回调函数(item,index,list)和上下文: forEach:用来遍历数组中的每一项:这个方法执行是 ...

  3. thinkphp使用foreach遍历的方法

    我们在做一些需求的时候可能会对遍历的上限有一定的要求,这时候就需要对上限进行限定 首先使用foreach遍历的输出数组相比较于volist功能较少 volist标签主要用于在模板中循环输出数据集或者多 ...

  4. JS的forEach和map方法的区别，还有一个$.each

    forEach()和map()两个方法都是ECMA5中Array引进的新方法,主要作用是对数组的每个元素执行一次提供的函数,但是它们之间还是有区别的.jQuery也有一个方法$.each(),长得和f ...

  5. JS的forEach和map方法的区别

    一.前言 forEach()和map()两个方法都是ECMA5中Array引进的新方法,主要作用是对数组的每个元素执行一次提供的函数,但是它们之间还是有区别的.jQuery也有一个方法$.each() ...

  6. Scala 中的foreach和map方法比较

    Scala中的集合对象都有foreach和map两个方法.两个方法的共同点在于:都是用于遍历集合对象,并对每一项执行指定的方法.而两者的差异在于:foreach无返回值(准确说返回void),map返 ...

  7. ES5中新增的forEach等新方法的一些使用声明

    转载地址:http://www.zhangxinxu.com/wordpress/?p=3220 一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块, ...

  8. 27.6 Parallel的静态For，Foreach和Invoke方法

    static void Main(string[] args) { //for (int i = 0; i < 10000; i++) // DoWork(i); //Parallel.For( ...

  9. forEach, map, filter方法区别

    听说for循环已经成了菜鸟标配...? 瑟瑟发抖 赶紧找来资料补一补 1, forEach循环,循环数组中每一个元素并采取操作, 没有返回值, 可以不用知道数组长度 2, map函数,遍历数组每个元素 ...

随机推荐

  1. strcpy（转载）

    转自:http://www.kuqin.com/clib/string/strcpy.html 原型:extern char *strcpy(char *dest,char *src); 用法:#in ...

  2. Linux 常用命令九 tar

    一.tar命令 tar命令用于打包,解包. gzip命令用于压缩,解压缩. bzip2命令用于压缩,解压缩. 这三个是在linux中常用的,还有一些不常用的. tar打包: wang@wang:~/w ...

  3. bzoj 3714: [PA2014]Kuglarz【最小生成树】

    参考:https://blog.csdn.net/aarongzk/article/details/48883741 没想到吧.jpg 来自题解: "如果用sum[i]表示前i个杯子底球的总 ...

  4. ssh 公钥登录远程主机 并禁止密码登录

    https://www.digitalocean.com/community/tutorials/how-to-set-up-ssh-keys-on-centos7 如果在新的机器上,得先用密码登录一 ...

  5. bzoj2333[SCOI2011]棘手的操作 洛谷P3273 [SCOI2011]棘手的操作

    2333? 先记一下吧,这题现在全部都是照着题解做的,因为怎么改都改不出来,只好对着题解改,以后还要再做过 以后再也不用指针了!太恶心了!空指针可不止直接特判那么简单啊,竟然还要因为空指针写奇怪的分类 ...

  6. 二分+树状数组/线段树(区间更新) HDOJ 4339 Query

    题目传送门 题意:给两串字符串,操作1:替换其中一个字符串的某个位置的字符 操作2:查询从p开始相等的最长连续长度 分析:树状数组可以维护一个区间内公共长度(连续)的情况,查询时用二分查找最远的端点即 ...

  7. iOS开发系列--通知与消息机制--转

    来自:http://www.cocoachina.com/ios/20150318/11364.html 概述 在多数移动应用中任何时候都只能有一个应用程序处于活跃状态,如果其他应用此刻发生了一些用户 ...

  8. Plugging an Unplugged Pluggable Database issue 3

    Multitenant Unplug/Plug Best Practices (文档 ID 1935365.1) 1.source 从0419 升级到1019 ,但是datapatch 没有回退041 ...

  9. 关于JTable的使用

    JTable是个JavaSwing中的表格控件,可以用来显示数据和编辑数据.这里讲一下我的使用心得. JavaSwing讲究MVC理念,而这个JTable也可以说是个迷你的MVC模型.JTable只是 ...

  10. windows系统里Cygwin中如何正确安装wget（图文详解）

    具体步骤,见如下: https://ftp.gnu.org/gnu/wget/ 解压到Cygwin的主目录中,一般是   你的Cygwin目录/home/当前用户名/ . 我这是如下     先./c ...