CodeStates/JavaScript

[JSON] JavaScript Object Notation

디스페어 2022. 3. 14.

JSON

  • 서로 다른 프로그램 사이에서 데이터 교환을 위해 만들어진 객체 형태의 포맷
    JSON포멧 : 자바스크립트를 포함한 많은 언어에서 범용적으로 사용하는 포멧
  • 수신자(reciever)와 발신자(sender)가 다른 프로그램을 사용하더라도 객체를 범용적으로 읽을 수 있는 문자열 형태로 만들어 줌
  • 객체는 타입 변환(message.toString())을 통해 String으로 변환할 경우 객체 내용을 포함하지 않기 때문에 JSON의 형태로 변환 필요

 

 

JSON.stringify

let myMessage = {
  sender : 'Despair',
  receiver : 'Monkey',
  date : '22.03.14',
  num : 1,
}
console.log(JSON.stringify(myMessage))  
// '{"sender":"Despair","receiver":"Monkey","date":"22.03.14","num":1}'
console.log(typeof(JSON.stringify(myMessage)))
// 'string'
  • 객체를 JSON의 형태로 변환
  • 직렬화(serialize) : JSON.stringify를 적용하는 과정

 

 

JSON.parse

let myJsonMessage = `{"sender":"Despair","receiver":"Monkey","date":"22.03.14","num":1}`

console.log(JSON.parse(myJsonMessage))
// { sender: 'Despair', receiver: 'Monkey', date: '22.03.14', num: 1}
 console.log(typeof(JSON.parse(myJsonMessage)))
 // `object`
  • JSON을 객체의 형태로 변환
  • 역직렬화(deserialize) : JSON.parse를 적용하는 과정

 

 

기본 규칙

  • 자바스크립트 객체
    키 : 따옴표 없이 사용
    문자열 값 : 문자열 값은 어떠한 형태의 따옴표도 사용 가능
  • JSON
    키 : 오직 큰 따옴표만을 사용
    문자열 값 : 오직 큰 따옴표만을 사용
    *키와 값 사이, 키-값 쌍 사이에 공백이 있으면 안 됨

 

 

Reference

문자열 형변환

반응형

'CodeStates > JavaScript' 카테고리의 다른 글

[Node.js] 비동기 흐름  (0) 2022.03.26
[자료구조] Stack, Queue, Graph, Tree  (0) 2022.03.14
[JavaScript] 재귀함수  (1) 2022.03.14
[JavaScript] 객체 지향 프로그래밍  (0) 2022.02.28
[JavaScript] 고차함수  (0) 2022.02.27

댓글