How to iterate json data in jquery

Question

How to iterate the json data in jquery.

[{\"id\":\"856\",\"name\":\"India\"},
 {\"id\":\"1035\",\"name\":\"Chennai\"},
 {\"id\":\"1048\",\"name\":\"Delhi\"},         


        

Answer 1

You can just use regular javascript too, which I think would be a bit faster (though I'm not really sure how jQuery optimizes each):

var data = [{"id":"856","name":"India"},
 {"id":"1035","name":"Chennai"},
 {"id":"1048","name":"Delhi"},
 {"id":"1113","name":"Lucknow"},
 {"id":"1114","name":"Bangalore"},
 {"id":"1115","name":"Ahmedabad"},
 {"id":"1116","name":"Cochin"},
 {"id":"1117","name":"London"},
 {"id":"1118","name":"New York"},
 {"id":"1119","name":"California"}
];

var data_length = data.length;
for (var i = 0; i < data_length; i++) {
  alert(data[i]["id"] + " " + data[i]["name"]);
}

edited to reflect Nick's suggestion about performance