Подтвердить что ты не робот

Как выполнить итерацию json-данных в jquery

Как выполнить итерацию json-данных в jquery.

[{"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"}
]
4b9b3361

Ответ 1

Вы можете использовать $.each() следующим образом:

$.each(data, function(i, obj) {
  //use obj.id and obj.name here, for example:
  alert(obj.name);
});

Ответ 2

Вы можете просто использовать обычный javascript, который, я думаю, будет немного быстрее (хотя я не уверен, как jQuery оптимизирует 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"]);
}

отредактированный, чтобы отразить предложение Ника о производительности

Ответ 3

Вы можете использовать функцию .each():

$(yourjsondata).each(function(index, element) {
    alert('id: ' + element.id + ', name: ' + element.name);
});

Ответ 4

итерации по всем свойствам объекта с помощью функции $.each. на каждой итерации вы получите имя/ключ и значение свойства:

$.each(data, function(key, val) {
  alert(key+ " *** " + val);
});