programing

jQuery에서 이 JSON 개체를 반복하려면 어떻게 해야 합니까?

testmans 2023. 3. 16. 21:13
반응형

jQuery에서 이 JSON 개체를 반복하려면 어떻게 해야 합니까?

PHP에 의해 생성된 JSON 오브젝트가 있습니다.날짜 집합이 있는 객체입니다.여기에는 timeStamp와 날짜의 형식화된 버전이 있습니다.jQuery에서 이 과정을 어떻게 반복해야 합니까?

{
  "dates":[
    {
      "timeStamp": 1317596400,
      "formattedDate": "Mon 03 October 2011"
    },
    {
      "timeStamp": 1317682800,
      "formattedDate": "Tue 04 October 2011"
    },
    {
      "timeStamp": 1317855600,
      "formattedDate": "Thu 06 October 2011"
    }
  ]
}

시도했습니다.

for (var i in data) { 
  alert(data.dates[i].timeStamp); 
};

for (var i in data) { 
  alert(data[i].dates.timeStamp); 
};

그리고.

for (var i in data) { 
  alert(data.dates.timeStamp[i]); 
};

질문에 태그를 달았으니jquery하나는 jquery의 반복 기능이기 때문에 사용해야 합니다.

$.each(data.dates, function(index, element) {
    alert(element.timeStamp); 
});

구문을 계속 사용하고 싶은 경우(이미 시도하고 있는 것 같음) 해결 방법은 다음과 같습니다.

for(var key in data.dates) {
     alert(data.dates[key].timeStamp); 
} 

하지만 주의하세요.for in구문은 사용자가 생각하는 것보다 더 많은 작업을 수행할 수 있습니다. 프로토타입에서 상속된 속성에도 반복되므로 개체 인스턴스 속성에서만 반복하는 것이 유용할 수 있습니다.

for(var key in data.dates) {
    // if it's not something from the prototype
    if(data.dates.hasOwnProperty(key)) {
        alert(data.dates[key].timeStamp); 
    }
} 

갱신하다
또 다른 우아한 방법은 대상 객체의 모든 키를 포함하는 배열을 반환하는 방법을 사용하여 모든 객체의 속성에서 반복하는 것입니다.

for(var i=0, keys=Object.keys(data.dates), l=keys.length; i<l; i++) {
    alert(data.dates[i].timeStamp);
} 

를 사용합니다.
다음과 같습니다.

$.each(data, function(n, elem) {
    // here you process your data to data loaded to lines               
});

각각 jQuery를 사용하여 json 구조를 반복할 수 있습니다.

$.each(data, function(index, element) {
   alert(element.dates.timeStamp); 
});

jQuery.each()가 아마 가장 쉬운 방법일 것입니다.이것을 확인해 주세요.http://api.jquery.com/jQuery.each/

$.each(dates, function(index, date) { alert(date.timeStamp); });

언급URL : https://stackoverflow.com/questions/9887009/how-do-i-iterate-through-this-json-object-in-jquery

반응형