JSON.stringify

JSON 탄생 배경

---

JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷입니다. 아래 객체의 내용을 다른 프로그램에다 전송한다고 가정했을 때, 이 객체 내용을 일종의 메신저 혹은 채팅 프로그램에서 쓰는 하나의 메시지라고 한다면, 다음 객체를 어떻게 전달해야할까 ..

const message = {
  sender: "김코딩",
  receiver: "박해커",
  message: "해커야 오늘 저녁 같이 먹을래?",
  createdAt: "2021-01-12 10:10:10"
}

• 전송 가능 조건
  • 수신자(reciever)와 발신자(sender)가 같은 프로그램을 사용한다.
  • 또는, 문자열처럼 범용적으로 읽을 수 있어야 한다.

객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다. JavaScript에서 객체를 문자열로 변환하기 위해 메서 (message.toString())나 형변환(String(message))을 시도하면, [object Object] 라는 결과를 리턴한다.

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

JSON.stringfy

• 객체를 JSON으로 변환

JSON.parse

• JSON을 객체로 변환

JSON 공식 문서

message 객체를 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`

• stringify하는 이 과정을 직렬화(serialize)라고 한다.

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.parse를 적용하는 이 과정을 역직렬화(deserialize)라고 한다.

  이처럼, JSON은 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷입니다. 그리고 JSON 포맷은 자바스크립트를 포함한 많은 언어에서 범용적으로 사용하는 유명한 포맷이다.

  JSON의 기본 규칙

  JSON은 얼핏 보기에 자바스크립트의 객체와 별반 다를 바가 없어 보이지만, 자바스크립트의 객체와는 미묘하게 다른 규칙이 있다.