Просмотр и чтение JSON с помощью jQuery — for и $.each

Давайте рассмотрим этот простой пример jQuery для просмотра массива объектов JavaScript.

var json = [
{"id":"1","text":"paris"},
{"id":"2","text":"marseille"},
{"id":"3", "text":"Лилль"},
{"id":"4","text":"Metz"},
{"id":"5","text":"renne"}
];

$.each(json, function(i, obj) {
alert(obj.text);
});
Выполнение этого примера выполняется правильно, и города отображаются в окне оповещения. Распространенная проблема с объявлением строки JSON с одинарными или двойными кавычками.

var json = '[{"id":"1","city":"paris"},{"id":"2","city":"marseille"},
{"id":"3","city":"lille"},{"id":"4","city":"metz"},
{"id":"5","city": "северный олень"}]';

$.each(json, function(i, obj) {
alert(obj.city);
});
Браузер Chrome отображает эту ошибку в консоли:

Uncaught TypeError: Невозможно использовать оператор 'in' для поиска ... 
in [{"id":"1","ville":"Paris"}...
Идеальным решением является преобразование JSON в объект JavaScript с помощью функции JSON.parse() или функции jQuery $.parseJSON.

$.each(JSON.parse(json), function(i, obj) {
alert(obj.ville);
});

//ou

$.each($.parseJSON(json), function(i, obj) {
alert(obj.city);
}); Пример

JSON и цикл JavaScript for

В следующем примере показано, как выполнить итерацию по объекту JSON с помощью JavaScript for loop.

 

< голова>
< meta charset="utf-8">
< Заголовок> Пример цикла javascript for и JSON
< script src="https://code.jquery.com/jquery-1.10.2.js"> <бр />
< тела>

< сценарий>
$(function() {

var data = [
{"id":"1","name":"One"},
{"id":"2","name":"Two"},
{"id":"3","name":"Three"},
{"id":"4","name":"Four"},
{"id":"5","name":"Five"}
];

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



Resources:
jQuery each() method
Как выполнить итерацию данных json в jquery