JSON.parse와 JSON.stringify (JavaScript)

# JSON.parse와 JSON.stringify (JavaScript)

하나의 파라메터에 다수의 데이터를 담고 싶을때 Map 또는 List를 사용할 수 있는데 종종 구성된 로직에 따라, 환경에 따라 Map과 List를 사용할 수 없는 경우가 있다. 이럴때 String Type 파라메터로 JSON 문자열(JSON String)을 사용하여 다수의 데이터를 담아 넘길 수 있다.

# JSON.parse (https://msdn.microsoft.com/ko-kr/library/cc836466(v=vs.94).aspx)

- JSON.parse(text [, reviver])

- JSON 문자열(JSON String)을 개체로 변환

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);
document.write(contact.surname + ", " + contact.firstname);
document.write(contact.phone[1]);
// Output:
// Aaberg, Jesper
// 555-0100

# JSON.stringify (https://msdn.microsoft.com/ko-kr/library/cc836459(v=vs.94).aspx)

- JSON.stringify(value [, replacer] [, space])

- JavaScript 값을 JSON 문자열(JSON String)로 변환

var contact = new Object();
contact.surname = "Aaberg";
contact.phone = ["555-0100", "555-0120"];
 
var memberfilter = new Array();
memberfilter[0] = "surname";
memberfilter[1] = "phone";
var jsonText = JSON.stringify(contact, memberfilter, "\t");
document.write(jsonText);
// Output: 
// { "surname": "Aaberg", "phone": [ "555-0100", "555-0120" ] }

example)

var objData = {
    Name: "Hello",
    Age: "20"
}
 
var stringPerson = JSON.stringify(objData);
var objPerson = JSON.parse(stringPerson);
 
document.write(stringPerson);
// Output: "{"Name":"Hello","Age":"20"}"
 
document.write(objPerson.Name);
// Output: "Hello"
 

P.S. What is the JSON? http://server-engineer.tistory.com/entry/AJAX