> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 중첩된 JSON 구조를 효율적으로 반복하려면 어떻게 해야 합니까?

JavaScript에서 중첩된 JSON 구조를 효율적으로 반복하려면 어떻게 해야 합니까?

Barbara Streisand
풀어 주다: 2024-12-03 09:18:14
원래의
568명이 탐색했습니다.

How Can I Efficiently Iterate Over Nested JSON Structures in JavaScript?

JavaScript에서 JSON 구조 반복

JavaScript에서 데이터 작업을 할 때 중첩된 JSON 구조를 자주 접하게 됩니다. 데이터를 효과적으로 조작하려면 이러한 구조를 효율적으로 탐색하고 처리하는 것이 중요합니다.

일반적인 시나리오는 각각 특정 엔터티 또는 레코드를 나타내는 JSON 개체 목록을 반복하는 것입니다. 이를 위해 루프를 활용하여 배열을 반복하고 각 객체에 액세스할 수 있습니다.

예를 들어 다음 JSON 구조를 고려하세요.

[{"id":"10", "class": "child-of-9"}, {"id":"11", "classd": "child-of-10"}]
로그인 후 복사

이 구조를 반복하려면 다음을 수행하세요. 다음과 같이 for 루프를 사용하세요.

var arr = [{"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}];

for (var i = 0; i < arr.length; i++){
  console.log("array index: " + i);
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    console.log(" - " + key + ": " + value);
  }
}
로그인 후 복사

이 코드는 제공된 JSON 구조를 사용하여 배열 arr을 초기화합니다. 외부 for 루프는 배열 요소를 반복합니다. 각 요소에 대해 내부 for-in 루프는 객체의 키-값 쌍을 반복하여 각 쌍의 키와 값을 인쇄합니다. 이를 통해 필요에 따라 JSON 구조의 각 개체 내의 데이터에 액세스하고 처리할 수 있습니다.

위 내용은 JavaScript에서 중첩된 JSON 구조를 효율적으로 반복하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿