이 가이드는 JavaScript를 사용하여 JSON 배열을 통해 루프를 반복하는 방법을 설명합니다.
JavaScript를 사용하여 JSON 배열을 통해 루프를 반복하는 방법은 무엇입니까?
“ JSON 배열 ” 값은 루프를 통해 액세스할 수 있습니다. JSON(JavaScript Object Notation)을 인루핑하는 것은 배열 형식으로 데이터를 전송하는 가장 좋은 기술로 간주됩니다. 필요한 데이터를 한 곳에서 다른 곳으로 저장하고 전송하는 가벼운 형식이기 때문입니다.
이 섹션에서는 일반적으로 사용되는 ' ~을 위한 ” 루프를 사용하여 JavaScript를 사용하여 JSON 배열을 반복합니다.
구문(JSON 배열)
정렬 - 이름 = [ 가치 1 , 값2 , ..... 값N ]여기서 'value1', 'value2' 및 'valueN'은 반복해야 하는 값을 나타냅니다.
실제로 JavaScript에서 'JSON' 배열을 통해 루핑을 수행해 봅시다.
HTML 코드
다음 HTML 코드를 살펴보겠습니다.
< h2 > JSON 배열을 통한 반복 < / h2 >< 피 > JSON 배열에는 쉼표로 구분된 0개, 1개 또는 그 이상의 정렬된 요소가 있습니다. < / 피 >
< 피 ID = '견본' >< / 피 >
위의 코드 줄에서:
- “ 태그는 부제목을 정의합니다.
- “ ” 태그는 단락 문을 만듭니다.
- 마지막으로 '
' 태그는 id가 '인 빈 단락을 정의합니다. 견본 ”를 입력하여 JSON 배열 값을 표시합니다.
자바스크립트 코드
다음으로 아래 제공된 코드로 이동합니다.
< 스크립트 >const JSONarray = '{'이름':'존슨', '연령':35, '자동차':['BMW', '혼다', '코롤라']}' ;
const 오브제 = JSON.JSON 구문 분석 ( JSONarray ) ;
문자를 보내다 = '' ;
~을 위한 ( k하자 = 0 ; 케이 < 오브제 자동차 . 길이 ; 케이 ++ ) {
텍스트 += 오브제 자동차 [ 케이 ] + ', ' ;
}
문서. getElementById ( '견본' ) . innerHTML = 텍스트 ;
스크립트 >
이 코드 블록에서:
- '라는 JSON 배열을 정의합니다. JSONarray ”와 함께 const ” 정렬된 값 목록이 있는 키워드.
- “ 오브제 ” 객체는 “ 구문 분석() ” 지정된 JSON 배열 텍스트를 JavaScript 객체로 변환하는 메서드입니다.
- 그 후, “ 텍스트 ” 변수는 빈 값을 저장합니다.
- 다음으로 ' ~을 위한 ' 루프는 '의 속성을 반복합니다. 오브제 ' 키 'car'에 대해 포함된 JSON 배열과 연결됩니다.
- 또한 ' 길이 ” 속성을 설정하고 반복을 적절하게 수행하기 위해 루프를 증가시킵니다.
- 마지막으로 ' getElementById() ” 메서드를 사용하여 해당 ID “sample”을 사용하여 추가된 빈 단락에 액세스합니다. '를 통해 JSON 배열 값을 표시합니다. innerHTML ' 재산.
산출
출력에는 'for' 루프를 사용하여 추가된 JSON 배열의 모든 값이 표시됩니다.
결론
“ JSON 배열 '의 도움으로 JavaScript를 사용하여 쉽게 반복할 수 있습니다. ~을 위한 ' 루프. 이것은 일반적인 프로세스이며 일반적으로 웹 개발에서 데이터베이스 또는 API에서 JSON 형식의 데이터를 검색하는 데 사용됩니다. 이 가이드에서는 JavaScript를 사용하여 JSON 배열을 통해 루프를 반복하는 간단한 설명을 설명했습니다.