써치킴의 우당탕탕 개발 블로그

[JS Level up][Ch2][데이터 실습] JSON 본문

파도파도 나오는 JavaScript

[JS Level up][Ch2][데이터 실습] JSON

써치킴 2022. 2. 3. 02:27

JSON (JavaScript Object Notation)

JavaScript 데이터를 표현하는 포맷

 

"속성-값 쌍" 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷

 

JSON의 공식 인터넷 미디어 타입 application/json이며, JSON의 파일 확장자는 .json이다.

JSON 기본 자료형

  • 수(Number)
  • 문자열(String) : 큰 따옴표("")로 구분하기!
  • 참/거짓(Boolean)
  • 배열(Array)
  • 객체(Object)
  • Null

JSON은 문자 데이터이지만, 가져와서 출력해보면 객체처럼 출력된다.

JSON.stringify(Object)

 

Object를 JSON의 형태로 문자 데이터화(String) 시킴

JSON.parse(String)

 문자 데이터(String)를 분석해서 JavaScript에서 활용할 수 있는 객체 데이터화 시킴

const user = {
  name : 'Searchkim',
  age : 29,
  email : [
    'ejkim.Dev@gmail.com',
    'ejkim2@gmail.com'
  ]
};
console.log('user', user);

const str = JSON.stringify(user);   // user를 JSON의 형태로 문자데이터화 시킴
console.log('str', str);
console.log(typeof str);

const obj = JSON.parse(str);        // 문자 데이터를 분석해서 javascript에서 활용할 수 있는 객체 데이터화 시킴
console.log('obj', obj);

Comments