jQuery で JSON を参照して読み取る - for と $.each

jQuery の簡単な例を見て、JavaScript オブジェクトの配列を参照してみましょう。

var json = [
 {"id":"1","text":"paris"},
 {"id":"2","text":"マルセイユ"},
 {"id":"3","text":"リール"},
 {"id":"4","text":"メス"},
 {"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.parse() 関数または jQuery 関数を使用して JSON を JavaScript オブジェクトに変換することです $.parseJSON.

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

//ou

$.each($.parseJSON(json), function(i, obj) {
 alert(obj.city);
});

JSON の例と JavaScript ループ for

次の例は、JavaScript の for ループを使用して JSON オブジェクトを反復処理する方法を示しています.

<ヘッド>