js遍历json对象(推荐)

原生js遍历json对象

遍历json对象：

无规律：

<script>

var json = [

　　{dd:'SB',AA:'东东',re1:123},

　　{cccc:'dd',lk:'1qw'}

];

for(var i=0,l=json.length;i<l;i++){

　　for(var key in json[i]){

　　　　alert(key+':'+json[i][key]);

　　}

}

</script>

有规律：

packJson = [

{"name":"nikita", "password":"1111"},

{"name":"tony", "password":"2222"}

];

for(var p in packJson){//遍历json数组时，这么写p为索引，0,1

  alert(packJson[p].name + " " + packJson[p].password);

}

也可以用这个：

for(var i = 0; i < packJson.length; i++){

  alert(packJson[i].name + " " + packJson[i].password);

}

遍历json对象

myJson = {"name":"caibaojian", "password":"1111"};

for(var p in myJson){//遍历json对象的每个key/value对,p为key

  alert(p + " " + myJson[p]);

}

有如下 json对象：

var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};

遍历方法：

for(var p in obj){

str = str+obj[p]+',';

return str;

}

数组对象的遍历：

<script>

var obj =[

    {"name":"冯娟1","password":"123456","department":"技术部","sex":"女","old":30},

    {"name":"冯娟2","password":"123456","department":"技术部","sex":"女","old":30},

    {"name":"冯娟3","password":"123456","department":"技术部","sex":"女","old":30},

    {"name":"冯娟4","password":"123456","department":"技术部","sex":"女","old":30},

    {"name":"冯娟5","password":"123456","department":"技术部","sex":"女","old":30}

];

for(var p in obj){//遍历json对象的每个key/value对,p为key

   console.log(obj[p].name);

}

</script>

下面我们对照一下js和jquer的遍历方法：

<script>

    var json = [

    {"id":"a","tagNam3e":"apple"},

    {"id":"b","tag4Name":"orange"},

    {"id":"c","tagName":"banana"},

    {"id":"d","tagName":"watermelon"},

    {"id":"e","tagName":"pineapple"}

    ];

    $.each(json, function(i, obj) {

        console.log(obj.id)

    });

    for(v in json){

        console.log(json[v].id)

    }

    </script>

原文网址：https://www.cnblogs.com/qingqingzou-143/p/7079725.html