循环遍历嵌套的json对象

时间:2016-08-26 16:10:37

标签: javascript jquery json

我有一个设计糟糕的JSON对象,遗憾的是我此时无法更改其中包含多个对象。以下是我正在使用的示例:

var land = [
    {"name":"city","value":"Los Angeles"},
    {"name":"state","value":"California"},
    {"name":"zip","value":"45434"},
    {"name":"country","value":"USA"}
];

以下是我如何循环播放i:

$(document).ready(function(){
    $.each(land, function(key,value) {
      $.each(value, function(key,value) {
          console.log(key + ' : ' + value);
      })
    }); 
})

结果如下:

name : city
value : Los Angeles
name : state
value : California
name : zip
value : 45434
name : country
value : USA

我的目标是得到这样的结果:

city : Los Angeles
state : California
zip : 45434
country: USA

我在这里缺少什么?我如何实现预期的结果?提前谢谢你:)

6 个答案:

答案 0 :(得分:5)

你可以使用ecmascript 5 forEach方法:

land.forEach(function(entry){ 
      console.log(entry.name + " : " + entry.value) 
} );

或使用jquery来支持旧版Web浏览器:

$.each(land,function(index,entry) {
     console.log(entry.name + " : " + entry.value)
});

答案 1 :(得分:3)

不要遍历子对象,只显示其属性。

var land = [{
  "name": "city",
  "value": "Los Angeles"
}, {
  "name": "state",
  "value": "California"
}, {
  "name": "zip",
  "value": "45434"
}, {
  "name": "country",
  "value": "USA"
}];

$.each(land, function(index, object) {
    console.log(object.name, ": ", object.value);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

答案 2 :(得分:2)

如果所有对象(namevalue)中的属性名称相同,那么请执行此操作。

$.each(land, function(key,value) {
  console.log(value.name + ' : ' + value.value);
}); 

答案 3 :(得分:2)

您只需要一个forEach()循环即可获得此结果。

var land = [{
  "name": "city",
  "value": "Los Angeles"
}, {
  "name": "state",
  "value": "California"
}, {
  "name": "zip",
  "value": "45434"
}, {
  "name": "country",
  "value": "USA"
}];

land.forEach(function(e) {
  console.log(e.name + ' : ' + e.value);
})

答案 4 :(得分:2)

不要遍历对象。你只需要一个循环即可实现这一目标。

 $(document).ready(function(){
                $.each(land, function(key,value) {
                      console.log(value.name + ' : ' + value.value);
                }); 
            })

答案 5 :(得分:0)

var converter = function(object){
    return {city: object[0].value,
           state: object[1].value,
           zip: object[2].value,
           country: object[3].value
    }
}

converter(land)

对象{city:&#34; Los Angeles&#34;,state:&#34; California&#34;,zip:&#34; 45434&#34;,country:&#34; USA&#34; }