[Javascript] JSON 객체화 방법, 문자열화 방법

JSON은 이미 다양한 곳에서 사용되고 있기 때문에 사용방법은 생략한다.

자세한 내용은 Wiki(한글) 참조 : https://ko.wikipedia.org/wiki/JSON

JSON - 위키백과, 우리 모두의 백과사전

 

JSON은 "문자열"로 이루어져있지만 브라우저에서 읽을 때는 객체로 사용이 된다.

그래서 JSON 형식의 데이터는 코드를 짤때

문자열로 변환하는 방법(객체->JSON)과 객체로 변환시키는 방법(JSON->객체를 알고 있는 것이 중요하다.

미리 알아두어야할것은, JSON에서 사용 가능한 자료형과 문법으로는 

숫자형 number, 문자열 String(큰따옴표로 표현!), boolean, 배열 Array, 객체 Object, null 이 있다.

 

 

JSON 변환 예제

• 먼저 유저라는 객체를 생성한다. 콘솔에서 출력시, 객체의 형태를 확인할 수 있다.

const user = {      
  name: 'solyi',      
  age: 31,
  emails: [
    'choi@solyi.kr',
    'solyi@choi.kr'
  ]

 

• JSON.stringify(객체) == 객체를 문자열로 변환
• typeof 로 조회해보면 객체의 형태가 아닌 문자열로 출력되는 것을 확인할 수 있다.

const str = JSON.stringify(user)  //문자화
console.log('str > ', str)    //문자열로 출력
console.log('typeof str > ', typeof str)

 

• JSON.parse(JSON형식 문자열) == 문자열을 객체로 변환
• 문자열이었던 데이터를 객체로 변환시켜주는 것을 확인할 수 있다.

const obj = JSON.parse(str)   //객체로 출력
console.log('obj > ', obj)