I have a badly designed JSON object which unfortunately I cannot change at this moment which contains a number of objects. Here is an example of what I am working with:
var land = [
{"name":"city","value":"Los Angeles"},
{"name":"state","value":"California"},
{"name":"zip","value":"45434"},
{"name":"country","value":"USA"}
];
Here is how I am looping through i:
$(document).ready(function(){
$.each(land, function(key,value) {
$.each(value, function(key,value) {
console.log(key + ' : ' + value);
})
});
})
The result is as follows:
name : city
value : Los Angeles
name : state
value : California
name : zip
value : 45434
name : country
value : USA
My goal is to have a result like this:
city : Los Angeles
state : California
zip : 45434
country: USA
What am I missing here? How do I achieve my intended result? Thank you in advance :)
You can do it using ecmascript 5's forEach method:
land.forEach(function(entry){
console.log(entry.name + " : " + entry.value)
} );
or use jquery to support legacy web browsers:
$.each(land,function(index,entry) {
console.log(entry.name + " : " + entry.value)
});
Don't loop through the subobject, just show its properties.
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>
If property names are same in all object( name
and value
) then do it like.
$.each(land, function(key,value) {
console.log(value.name + ' : ' + value.value);
});
You only need one forEach()
loop to get this result.
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); })
Don't iterate through objects. You need only single loop to achieve this.
$(document).ready(function(){ $.each(land, function(key,value) { console.log(value.name + ' : ' + value.value); }); })
var converter = function(object){
return {city: object[0].value,
state: object[1].value,
zip: object[2].value,
country: object[3].value
}
}
converter(land)
Object { city: "Los Angeles", state: "California", zip: "45434", country: "USA" }
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.