이 가이드는 다음 콘텐츠를 제공합니다.
JavaScript에서 JSON 객체 배열을 사용하는 방법은 무엇입니까?
JSON 객체는 기본적으로 JavaScript 기반 객체입니다. 이러한 개체를 사용하여 배열의 속성에 액세스할 수 있습니다. 액세스 후 사용자는 기존 어레이의 속성을 추가, 삭제 또는 수정할 수 있습니다. 또한 stringify() 메서드는 JSON 문자열을 JSON 객체의 배열로 변환하는 데 사용됩니다. 이러한 방식으로 push() 및 pop() 메서드를 사용하여 배열을 조작합니다.
예 1: JavaScript에서 JSON 객체 배열 생성
JavaScript를 사용하여 JSON 객체의 배열을 생성하는 예가 고려됩니다. 예를 들어, 코드는 아래에 제공됩니다.
암호
상수 선생님 = {
'이름' : '괴롭히다' , '주제' : '영어' ,
'나이' : '35'
} ;
콘솔. 통나무 ( 선생님 ) ;
이 코드에서 배열 ' 선생님 '는 '와 같은 속성을 정의하여 생성됩니다. 이름 ', ' 주제 ', 그리고 ' 나이 '.
그 후 ' 괴롭히다 ', ' 영어 ', 그리고 ' 35 '는 위의 속성에 할당됩니다. 마지막에 배열 '을 표시합니다. 선생님 '를 채용함으로써 console.log() 방법.
산출
출력은 ' 선생님 ' 콘솔 창의 JSON 객체 배열.
예 2: JavaScript에서 JSON 객체 배열 액세스
JavaScript에서 배열 요소의 속성에 액세스하는 예제가 고려됩니다.
암호
콘솔. 통나무 ( 'JSON 객체로 배열을 사용하는 예' ) ;상수 선생님 = {
'이름' : '괴롭히다' , '주제' : '영어' ,
'나이' : '35'
} ;
상수 objArr = 선생님 => {
상수 아 = [ ] ;
상수 열쇠 = 물체 . 열쇠 ( 선생님 ) ;
~을 위한 ( x하자 = 0 ; 엑스 < 키. 길이 ; 엑스 ++ ) {
아. 푸시 ( 선생님 [ 열쇠 [ 엑스 ] ] ) ;
} ;
반품 아 ;
} ;
콘솔. 통나무 ( objArr ( 선생님 ) ) ;
코드 설명:
- 배열 ' 선생님 '는 '를 정의하여 초기화됩니다. 이름 ', ' 주제 ', 그리고 ' 나이 ' 속성.
- 이러한 속성에는 ' 괴롭히다 ', ' 영어 ', 그리고 ' 35 '.
- 그 후, JSON 물체 ' objArr '는 요소의 속성에 액세스하고 새 배열을 반환하는 데 사용됩니다.
- 내부 ' objArr ', for 루프는 다음을 사용하여 속성 값을 삽입하는 데 사용됩니다. 푸시() 방법.
- 모든 속성 값이 ' 아 '배열.
- 결국, objArr(선생님) 속성 값을 표시하는 데 사용됩니다.
산출
출력은 JavaScript에서 속성을 할당하여 'Harry', 'English' 및 '35'와 같은 다른 값을 표시합니다.
예 3: JavaScript에서 JSON 객체 배열 추가 또는 삭제
JavaScript에서 JSON 개체를 사용하여 요소 배열을 추가 및 삭제하는 예제입니다.
암호
콘솔. 통나무 ( 'JSON 객체로 배열을 사용하는 예' ) ;~였다 arrObj = [ { '과일' : '사과' } , { '과일' : '바나나' } ] ;
콘솔. 통나무 ( JSON. 문자열화하다 ( arrObj ) ) ;
arrObj. 푸시 ( { '과일' : '주황색' } ) ;
콘솔. 통나무 ( JSON. 문자열화하다 ( arrObj ) ) ;
arrObj. 팝 ( ) ;
콘솔. 통나무 ( JSON. 문자열화하다 ( arrObj ) ) ;
코드에 대한 설명은 다음과 같습니다.
- JSON 객체의 배열 ' arrObj '는 두 가지 과일 속성으로 초기화됩니다.
- 그 후, JSON.stringify() 메소드는 JavaScript 값을 JSON 문자열로 변환하는 데 사용됩니다.
- 그만큼 arrObj.push() 메소드는 '의 값을 전달하여 요소를 삽입합니다. 과일 ': ' 주황색 '를 배열에 넣습니다.
- 그 후, arrObj.pop() 메소드는 배열에서 최근에 입력된 요소를 제거합니다.
- 결국 JSON 객체의 배열을 표시합니다. arrObj '를 채용함으로써 console.log() 방법.
산출
출력은 배열 요소를 추가 및 제거하여 위의 코드 실행을 보여줍니다. 과일 ': ' 주황색 ” JSON 객체를 통해.
결론
이 기사에서는 JSON 객체 배열의 요소에 액세스하고 수정하는 데 사용됩니다. 자바스크립트.
이를 위해 두 가지 실제 사례와 함께 개요가 제공됩니다. 첫 번째 예에서 JSON 객체는 배열의 속성에 액세스하여 콘솔에 표시했습니다. 두 번째 예에서는 내장 메소드, 문자열화() , 배열의 속성을 추가 및 삭제하는 데 사용됩니다. 이 문서를 기반으로 사용자는 JSON 개체를 사용하여 배열의 속성을 추가, 삭제 또는 수정할 수 있습니다.