다시 정리하는 JSON

양주영·2022년 1월 26일
0

pre-onboarding

목록 보기
2/2
  • JSON(JavaScript Object Notation)은 데이터를 주고 받을 수 있는 데이터 형식이다.
  • JSON이 자바스크립트와 문법과 유사하긴 하지만 자바스크립트도 아니고, 자바스크립트에서만 사용할 수 있는 것도 아니다.
  • 많은 프로그래밍 언어에서 JSON 파싱과 직렬화를 지원한다.

1. JSON에서 사용 가능한 타입

String
Number
Boolean
Null
Object
Array

=> 일반적으로 객체와 배열이 JSON 데이터 구조에서 최상위 레벨에 있다.

2. JS와 다른 점

  • String을 감쌀 때, "쌍따옴표"만 유효하다.
  • 객체의 Property Name도 "쌍따옴표"로 감싸야 한다.

3. 파싱과 직렬화(Parse & Stringify)

  • JSON 데이터를 파싱하면 자바스크립트 객체가 되어 자바스크립트에서 데이터를 사용할 수 있다.

  • 자바스크립트에서의 JSON 객체는 문자열을 JSON 파싱하고 직렬화 하는 메서드를 갖고 있다.

  • stringify() : 자바스크립트 객체를 JSON 문자열로 직렬화한다.

  • parse() : JSON을 파싱하여 자바스크립트 값으로 바꾼다.

    컴퓨터 메모리 상에 존재하는 객체(Object) -> 문자열(String)으로 변화하는 것
    = 직렬화 (Serialization)
    문자열(string) -> 자바스크립트 객체(Object)로 반환하는 것
    = 역직렬화 or 파싱

    예시코드)
    자바스크립트 객체를 JSON 문자열로 직렬화하는 예시

const data = {
	name: "kim",
  	job: "coder"
}
console.log(JSON.stringify(data)) 
// '{"name": "kim", "job": "coder}'

JSON을 파싱하여 자바스크립트 객체로 바꾸는 예시

const data = '{"name": "john", "age": 30}'
console.log(JSON.parse(data)) // {name: 'john', age: 30}
profile
뚜벅뚜벅

0개의 댓글