jQuery의 간단한 예제를 통해 JavaScript 객체의 배열을 찾아봅시다.

var json = [
 {"id":"1","text":"파리"},
 {"id":"2","text":"마르세유"},
 {"id":"3", "text":"릴"},
 {"id":"4","text":"메츠"},
 {"id":"5","text":"renne"}
]; 

$.each(json, 함수(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: Cannot use 'in' operator to search for ... 
in [{"id":"1","ville":"파리"}... 

이상적인 해결책은 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 loop.

<를 사용하여 JSON 객체를 반복하는 방법을 보여줍니다! HTML DocType> 
 
< 머리> 
 < 메타 문자 집합 = "utf-8"> 
 < 제목> javascript for 및 JSON 루프의 예 
 < 스크립트 src="https://code.jquery.com/jquery-1.10.2.js"> 
 
< 몸> 

< 스크립트> 
$(function() {

var data = [
 {"id":"1","name":"하나"},
 {"id":"2","name":"둘"},
 {"id":"3","name":"셋"},
 {"id":"4","name":"넷"},
 {"id":"5","name":"다섯"}
]; 
 
var data_length = 데이터.길이; 
for (var i = 0; i < data_length; i++) {
 alert(데이터[i]["id"] + " " + 데이터[i]["이름"]); 
}
}); 
 
 
 

Resources:
jQuery each() 메서드
jquery