使用方式举例如下：

  1. <script type="text/javascript">
  2. var jsonranklist=[{"name":"ts","code":123456,"topscore":2000},{"xlid":"tb","code":123456,"topscore":1500}];
  3. console.log(jsonranklist.length);
  4.  
  5. //使用foreach循环
  6. jsonranklist.forEach(function(e){
    　　　　　　　　console.log(e.xlid);
    　　　　　　});
  7.  
  8. //使用for in 循环
  9. for (var cindxe in jsonranklist)
  10. {
  11.     //var obj=JSON.stringify(dt);
  12.     console.log(jsonranklist[cindxe].xlid);
  13. }
  14. </script>

但是IE7之前的版本并不支持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. }

完整参考代码如下：

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> New Document </TITLE>
  5. <META NAME="Author" CONTENT="oscar999">
  6. </HEAD>
  7.  
  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.  
  36. var arryAll = [];
  37. arryAll.push(1);
  38. arryAll.push(2);
  39. arryAll.push(3);
  40. arryAll.push(4);
  41. arryAll.push(5);
  42.  
  43. var arrySpecial = [];
  44.  
  45. arryAll.forEach(function(e){
  46.     if(e%2==0)
  47.     {
  48.         arrySpecial.push(e);
  49.     }else if(e%3==0)
  50.     {
  51.         arrySpecial.push(e);
  52.     }
  53. })
  54.  
  55. </script>
  56. </BODY>
  57. </HTML>

参考博客地址：
　　　　http://blog.csdn.net/oscar999/article/details/8671546

JS 中的foreach和For in比较的更多相关文章

  1. JS中的forEach、$.each、map方法推荐

    下面小编就为大家带来一篇JS中的forEach.$.each.map方法推荐.小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 orEach是ECMA5中Array新方法中最 ...

  2. js中跳出forEach循环

    缘由:近期在项目中使用lodash.js中的_.foreach方法处理数据,需要在满足条件时结束循环并不执行后面的js代码. 因为foreach中默认没有break方法.在尝试中使用了return f ...

  3. js中的forEach

    chrome和firefox支持数组的forEach,但不支持对象的forEach,IE啥都不支持 jquery中的$.each(ArrayOrObject,function)既可以遍历数组又可以遍历 ...

  4. JS中的forEach、$.each、map方法

    forEach是ECMA5中Array新方法中最基本的一个,就是遍历,循环.例如下面这个例子: [1, 2 ,3, 4].forEach(alert); 等同于下面这个for循环 var array ...

  5. js中的forEach和map的区别

    我们先来看两者之间的相同之处 var arr = ['a','b','c','d']; arr.forEach(function(item,index,arr){ //item表示数组中的每一项,in ...

  6. js中的forEach/map方法

    // forEach方法 var data = [{ name: "程咬金", sex: "1", age: 26 }, { name: "程才&qu ...

  7. [转] JS中arr.forEach()如何跳出循环

    我们都知道for循环里要跳出整个循环是使用break,但在数组中用forEach循环如要退出整个循环呢?使用break会报错,使用return也不能跳出循环. 使用break将会报错: var arr ...

  8. JS中使用for-each遍历数组

    1 let array = [1, 3, 6, 8, 9, 0, 5]; 2 /* 3 index是数组索引 4 value代表数组的值 5 arr是指整个数组 6 */ 7 array.forEac ...

  9. js中的遍历foreach，$.each()，$().each()

    <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title></title ...

随机推荐

  1. xcrun: error: active developer path ("/Volumes/Xcode/Xcode-beta.app/Contents/Developer") does not exist, use `xcode-select --swi

    xcrun: error: active developer path ("/Volumes/Xcode/Xcode-beta.app/Contents/Developer") d ...

  2. jQuery中prop()函数控制多选框(全选，反选)

    今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来. prop() : 获取匹配元素集中第一个元素的值 判断checkbox中的第一个是否被选中: $(":ch ...

  3. 突破XSS字符数量限制执行任意JS代码

    一.综述 有些XSS漏洞由于字符数量有限制而没法有效的利用,只能弹出一个对话框来YY,本文主要讨论如何突破字符数量的限制进行有效的利用,这里对有效利用的定义是可以不受限制执行任意JS.对于跨站师们来说 ...

  4. xss跨站攻击测试代码

    '><script>alert(document.cookie)</script> ='><script>alert(document.cookie)& ...

  5. struts2使用注解--ACTION中的应用

    1.在类中指定包:@ParentPackage("system").其中system是在struts.xml中定义的包名.2.配置文件--->注解2.1配置文件方式(返回js ...

  6. Jquery 获取URL参数

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下 1.window.location.href; 其实只是用到了javas ...

  7. linux挂载硬盘失败，报错！

    剛把我的一顆硬碟 ( NTFS ) 接到 Ubuntu 桌機上. 然後要 mount  的時候,出現了下面的訊息: DBus error org.gtk.Private.RemoteVolumeMon ...

  8. javascript和HTML5上传图片之前实现预览效果

    一:FileList对象与file对象 FileList对象表示用户选择的文件列表,在HTML4中,file控件内只允许放置一个文件,但是到了HTML5中,通过添加multiple属性,file控件内 ...

  9. odbc错误信息一览表

    ODBC 错误信息 根据 X/Open 和 SQL Access Group SQL CAE 规范 (1992) 所进行的定义,SQLERROR 返回 SQLSTATE 值.SQLSTATE 值是包含 ...

  10. zstu.4022.旋转数阵(模拟）

    旋转数阵 Time Limit: 1 Sec  Memory Limit: 64 MB Submit: 1477  Solved: 102 Description 把1到n2的正整数从左上角开始由外层 ...