> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 JSON 배열을 반복하는 방법은 무엇입니까?

JavaScript에서 JSON 배열을 반복하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-27 20:28:14
원래의
506명이 탐색했습니다.

How to Iterate Through a JSON Array in JavaScript?

JavaScript에서 JSON 구조를 통해 반복

이 문서에서는 JavaScript에서 JSON 구조를 반복하여 특정 문제를 해결하는 실용적인 솔루션을 제공합니다. 질문:

질문:

JavaScript에서 다음 JSON 구조를 어떻게 반복합니까?

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

답변:

제공되는 JSON 구조는 배열 형식입니다. 반복하려면 다음 단계를 따르세요.

  1. 배열 개체 만들기:
var arr = [
    {"id":"10", "class": "child-of-9"},
    {"id":"11", "class": "child-of-10"}
];
로그인 후 복사
  1. For 사용 반복을 위한 루프 배열:
for (var i = 0; i < arr.length; i++) {
로그인 후 복사
  1. 루프 내에서 현재 개체에 액세스:
var obj = arr[i];
로그인 후 복사
  1. 다른 For 루프를 사용하여 객체 반복 속성:
for (var key in obj) {
로그인 후 복사
  1. 속성 값 추출 및 표시:
var value = obj[key];
document.write("<br><br>array index: " + i);
document.write("<br> - " + key + ": " + value);
로그인 후 복사

이 코드 조각은 반복됩니다. JSON 배열의 각 객체에 대해 해당 속성과 값을 문서에 표시합니다.

위 내용은 JavaScript에서 JSON 배열을 반복하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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