[JavaScript] #5 JSON 정리, 사용법 (자바스크립트 stringify, parse, 객체를 json으로, json을 객체로 변환)

 

JSON에 대해서 정리해보겠습니다!

---

1. JSON이란?

- JSON(javascript Object Notation)라는 의미의 축약어

- Javascript 객체 문법을 따르는 문자 기반의 데이터 포맷

 

중요 특징

- 생긴 게 JavaScript 같음, JavaScript 객체 표기와 유사

- 그냥 데이터 포맷이지 문법이 아니다.

- 그래서 다른 프로그래밍 환경(다른 언어 등)에도 사용할 수 있다.

- key: value의 형태를 가지고 있다.

 

 

2. 사용법(JSON.stringify(object))

 

- 기본 JSON 선언 방법

let json = JSON.stringify(true);
console.log(json);

//출력
//true

 

 

- 배열을 넣었을 때

json = JSON.stringify(['A', 'B']);
console.log(json);

//출력
//["A","B"]

*참고* - JSON은 기본적으로 값이 "" 큰따옴표 안에 들어간다

 

 

 

- 객체를 변환

const person = {
  name: 'ABC',
  age: '20',
  birthDate: new Date(),
  job: null,
  eat: function () {
    console.log(`I eat apple`);
  },
};
json =JSON.stringify(person);
console.log(json);

//출력
//{"name":"ABC","age":"20","birthDate":"2022-01-01T05:31:57.261Z","job":null}

특별한 데이터나 함수같이 데이터가 아닌 것은 제외됨

 

 

- 객체에서 몇 가지 데이터만 선택해서 생성

json = JSON.stringify(person, ['name', 'age']);
console.log(json);

//출력
//{"name":"ABC","age":"20"}

 

 

3. 사용법(JSON.parse(json))

json = JSON.stringify(person); //json 생성
let obj1 = JSON.parse(json); //json 변환해서 저장
console.log(obj1); //변환한 객체 출력

//출력
//{name: 'ABC', age: '20', birthDate: '2022-01-01T05:56:28.744Z', job: null}

- 모든 JSON에서 변환된 객체는 String형으로 저장이 됨

 

---

이상으로 기본적인 JSON 개념과 사용법 정리였습니다!