본문 바로가기
Javascript

Javascript - JSON 파싱, 문자열 변환처리 간단구현

by 개발 그리고 게발 2021. 8. 2.
728x90

JSON타입의 데이터를 제어할 경우에 JSON -> 문자열, 문자열 -> JSON을 왔다갔다 하는 경우가 있습니다.

 

이럴 경우에는 Javascript에서 제공하는 JSON 내장함수를 이용하면 간단하게 구현할 수 있습니다.

 

 

JSON.parse()

JSON의 형태로 문자열을 파싱처리 합니다.

파싱 처리된 JSON값은 key, value형태 및 Array(배열)의 형태로 Javascript에서 사용이 가능합니다

 

Key / Value 케이스

var json_val = JSON.parse('{"one":1,"two":2,title:"number"}');

// 1
var one = json_val.one;

// 2
var twojson_val.two;

// number
var number = json_val.title;

 

Array 케이스

var name = JSON.parse('["mike" ,"jenny", "ann"]');

// "mike"
var name0 = name[0];

// "jenny"
var name1 = name[1];

// "ann"
var name2 = name[2];

 

 

 

JSON.stringify()

Key, Value 혹은 Array 형태의 값을 다시 문자열로 변환시킵니다.

위에서 변환한 JSON, Array케이스를 이용해서 문자열로 변환시켜 보겠습니다.

따옴표 옆에 꺽쇠 기호(\)가 들어가는데 해당 기호를 이용하면 그 이후의 문자열을 단순문자열로 사용하겠다는 의미 입니다.

 

Key / Value 케이스

// "{\"one\":1,\"two\":2}"
var one_two = JSON.stringify(json_val);

 

Array 케이스

// "[\"mike\",\"jenny\",\"ann\"]"
var name = JSON.stringify(name);
728x90

댓글