반응형
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)로 변경되었음을 확인 가능합니다.
전체 소스는 하단에서 확인 가능하십니다.
반응형
'개발 창고 > Web' 카테고리의 다른 글
[Javascript] 중복되지 않는 데이터 배열, Set - 기본편 (0) | 2020.11.10 |
---|---|
[Javascript] 배열 정렬 (0) | 2020.11.10 |
[jQuery] 이름이 비슷한 input 값 합산하기 (0) | 2020.10.20 |
[Javascript] Json 데이터에 해당 파라미터 값이 있는지 여부 확인하기 (0) | 2020.10.20 |
[Javascript] 배열(Array) 활용하기 (0) | 2020.09.18 |