使用方式举例如下：

<script type="text/javascript">

var jsonranklist=[{"name":"ts","code":123456,"topscore":2000},{"xlid":"tb","code":123456,"topscore":1500}];

console.log(jsonranklist.length);

//使用foreach循环

jsonranklist.forEach(function(e){
　　　　　　　　console.log(e.xlid);
　　　　　　});

//使用for in 循环

for (var cindxe in jsonranklist)

{

    //var obj=JSON.stringify(dt);

    console.log(jsonranklist[cindxe].xlid);

}

</script>

但是IE7之前的版本并不支持Foreach，所以需要自定义方法：

//Array.forEach implementation for IE support..

//https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach

if (!Array.prototype.forEach) {

    Array.prototype.forEach = function(callback, thisArg) {

        var T, k;

        if (this == null) {

            throw new TypeError(" this is null or not defined");

        }

        var O = Object(this);

        var len = O.length >>> 0; // Hack to convert O.length to a UInt32

        if ({}.toString.call(callback) != "[object Function]") {

            throw new TypeError(callback + " is not a function");

        }

        if (thisArg) {

            T = thisArg;

        }

        k = 0;

        while (k < len) {

            var kValue;

            if (k in O) {

                kValue = O[k];

                callback.call(T, kValue, k, O);

            }

            k++;

        }

    };

}

完整参考代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Author" CONTENT="oscar999">

</HEAD>

<BODY>

<script>

if (!Array.prototype.forEach) {

    Array.prototype.forEach = function(callback, thisArg) {

        var T, k;

        if (this == null) {

            throw new TypeError(" this is null or not defined");

        }

        var O = Object(this);

        var len = O.length >>> 0; // Hack to convert O.length to a UInt32

        if ({}.toString.call(callback) != "[object Function]") {

            throw new TypeError(callback + " is not a function");

        }

        if (thisArg) {

            T = thisArg;

        }

        k = 0;

        while (k < len) {

            var kValue;

            if (k in O) {

                kValue = O[k];

                callback.call(T, kValue, k, O);

            }

            k++;

        }

    };

}

var arryAll = [];

arryAll.push(1);

arryAll.push(2);

arryAll.push(3);

arryAll.push(4);

arryAll.push(5);

var arrySpecial = [];

arryAll.forEach(function(e){

    if(e%2==0)

    {

        arrySpecial.push(e);

    }else if(e%3==0)

    {

        arrySpecial.push(e);

    }

})

</script>

</BODY>

</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. 修复VirtualBox "This kernel requires the following features not present on the CPU: pae Unable to boot

    问题描述: 1.机器:Linux主机,特别是主机为大内存,比如: 4G内存的使用pae内核的Ubuntu系统的dell电脑. 2.情况:使用VirtualBox安装Linux系统时,比如:通过Virt ...

  2. iphone6 wifi自动断开 tplink

    这样设置就好了,不会自动断开 了

  3. UILable点击事件

    UILabel *lLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 19, 105, 1)]; lLabel.backgroundColor ...

  4. 找出现有Vector或ArrayList或数组中重复的元素&给现有Vector或ArrayList或数组去重

    //直接上代码: public static void main(String[] args) { List<Integer> list = new Vector<Integer&g ...

  5. 开启Mysql远程访问的所有方法

    开启Mysql远程访问的所有方法 http://superyjcqw.blog.163.com/blog/static/16105830520117111040436/ Mysql默认是不可以通过远程 ...

  6. 【原创】angularjs1.3.0源码解析之scope

    Angular作用域 前言 之前我们探讨过Angular的执行流程,在一切准备工作就绪后(我是指所有directive和service都装载完毕),接下来其实就是编译dom(从指定的根节点开始遍历do ...

  7. Json.NET 利用ContractResolver解决命名不一致问题

    今天在遇到这么个问题,项目上有一部分功能需要访问web api, 这个api请求和相应的数据格式都是使用JSON,JSON中的field命名方式是以下划线分割的,比如"project_nam ...

  8. [Effective JavaScript 笔记]第35条：使用闭包存储私有数据

    js的对象系统并没有特别鼓励或强制信息隐藏.所有的属性名都是一个字符串,任意一个程序都可以简单地通过访问属性名来获取相应的对象属性.例如,for...in循环.ES5的Object.keys()和Ob ...

  9. 使用Unity创造动态的2D水体效果

    者:Alex Rose 在本篇教程中,我们将使用简单的物理机制模拟一个动态的2D水体.我们将使用一个线性渲染器.网格渲染器,触发器以及粒子的混合体来创造这一水体效果,最终得到可运用于你下款游戏的水纹和 ...

  10. Tomcat ClassLoader机制介绍

    本文旨在介绍JVM的类加载机制:同时分析Tomcat不能采用默认的加载机制的原因,并对其加载机制做了介绍. 1.JVM中的类加载机制 在Java2之后的版本中,类的加载采用的是一种称为双亲委派的代理模 ...