개발 창고/Web

[Javascript] JSon 변환하기 (parse 와 stringify)

로이제로 2020. 10. 21. 11:37
반응형

Json을 다룰 때 string to json 또는 json to string이 필요할 때가 종종 있을 겁니다.

let params = { key1:"내용1", key2:"내용2", key3:10000 }

만약 다음과 같이 Json을 가지고 예시를 들면

 

  parse

  : String to json → 문자열(string) 형태의 값을 Json형태로 변환

let params = '{"key1":"내용1", "key2":"내용2", "key3":10000 }';

console.log("parse 전 > ")
console.log(params);

console.log("parse 후 > ")
console.log(JSON.parse(params));

 

만약 다음과 같이 문자열로 이루어진 string이  key-value로 이루어진 json으로 변경되었음을 확인 가능합니다.

 

주의1) 문자열 키가 따옴표로 분리 되지 않으면 오류가 날 수 있습니다.

// error (키가 따옴표("")로 정의되지 않은 경우)
let params = '{key1:"내용1", key2:"내용2", key3:10000 }';

 

  stringify

  : Json to string → Json형태의 값을 문자열(string) 형태로 변환

let params = { key1:"내용1", key2:"내용2", key3:10000 }

console.log("stringify 전 > ")
console.log(params);

console.log("stringify 후 > ")
console.log(JSON.stringify(params));

 

만약 다음과 같이 key-value로 이루어진 json이 stringify 후 단순 텍스트 형태의 문자열(string)로 변경되었음을 확인 가능합니다.

 

전체 소스는 하단에서 확인 가능하십니다.

jsfiddle.net/Ly5ewn21/7/

 

Edit fiddle - JSFiddle - Code Playground

 

jsfiddle.net

 

반응형