빵구의 개발 메꾸기

자바스크립트 JSON 다루는 방법 본문

FRONT-END/JAVASCRIPT

자바스크립트 JSON 다루는 방법

bkjo94 2022. 4. 18. 22:20

개발하다보면 화면단에서 JSON 데이터를 많이 다루게 된다. 

JSON 객체 데이터를 가지고 어떻게 문자열로 변환하고 반대로 JSON 구조의 문자열을 객체로 파싱하는지 알아보자.

 

<JSON 객체 생성>

JSON 객체 데이터 셋팅

 

 

<JSON 객체 ▶ JSON 문자열>

 

JSON 객체를 JSON 문자열로 변환

 

 

<JSON 문자열 ▶ JSON 객체>

JSON 문자열을 JSON 객체로 파싱

 

 

다음은 실무에서 많이 사용하는 경우이다.

 

<JSON 객체안의 key 존재 여부 확인>

 

 

<JSON 객체안의 key 삭제>

삭제 전

 

 

 

삭제 후

 

 

<JSON 객체안의 key 목록 확인>

 

<JSON 객체안의 key 목록 개수 확인>

 

 

 

 

<JSON 객체안의 key와 value 가져오기>

 

'FRONT-END > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 타입 체크  (0) 2022.04.15
자바스크립트 ES6 문법  (0) 2022.04.15
자바스크립트 상속  (0) 2022.04.14
jQuery 유틸리티 VS jQuery 플러그인  (0) 2022.04.12
자바스크립트에서의 패키지 활용  (0) 2022.04.12
Comments