S3) Unit 1. [자료구조/알고리즘] JSON.stringify

📣 JSON의 탄생 배경

✔️ JSON : JavaScript Object Notation

➰ 데이터 교환을 위해 만들어진 객체 형태의 포맷

 

➰ 데이터를 전송 가능한 조건

    ﹒ 수신자와 발신자가 같은 프로그램을 사용한다.

    ﹒ 또는, 문자열처럼 범용적으로 읽을 수 있어야 한다.

 

➰ 객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다 -> JS에서 객체를 문자열로 변환하기 위해 메서드 .toString()이나 String(str)을 사용하면 [object Object] 라는 결과를 리턴한다.

 

➰ 이를 해결하는 방법은 객체를 JSON의 형태로 변환하거나 JSON을 객체의 형태로 변환하는 것이다.

    ﹒ JSON.stringiify : 객체를 JSON으로 변환한다(직렬화)

    ﹒ JSON.parse: JSON을 객체로 변환한다(역직렬화)

    🚨 JSON으로 변환된 객체의 타입은 '문자열' 이다.

 

➰ 객체를 JSON으로 변환하는 메서드 JSON.stringify

let transferableMessage = JSON.stringify(message)

console.log(transferableMessage) 
// `{"sender":"김코딩","receiver":"박해커","message":"해커야 오늘 저녁 같이 먹을래?","createdAt":"2021-01-12 10:10:10"}`

console.log(typeof(transferableMessage))
// `string`

 

➰ 직렬화된 JSON에 메서드 JSON.parse를 적용해서 다시 객체의 형태로 변환하기

let packet = `{"sender":"김코딩","receiver":"박해커","message":"해커야 오늘 저녁 같이 먹을래?","createdAt":"2021-01-12 10:10:10"}`
let obj = JSON.parse(packet)

console.log(obj)
/*
 * {
 * sender: "김코딩",
 * receiver: "박해커",
 * message: "해커야 오늘 저녁 같이 먹을래?",
 * createdAt: "2021-01-12 10:10:10"
 * }
 */

 console.log(typeof(obj))
 // `object`

 

📣 JSON의 기본 규칙

	자바스크립트 객체	JSON
키	따옴표 없이 쓸 수 있다. { key : "property" }	반드시 쌍따옴표를 붙여야 한다. '{ "key" : "property" }'
문자열 값	작은 따옴표도 사용 가능하다. { "key" : 'property' }	반드시 큰따옴표로 감싸야 한다. '{"key":"property"}'
키와 값 사이 공백	사용 가능 {"key" : 'property'}	사용 불가능 '{"key":"property"}'
키-값 쌍 사이 공백	사용 가능 { "key":'property', num:1 }	사용 불가능 '{"key":"property","num":1}'