[JS] JSON.parse() / JSON.stringify()

 

JSON 메서드

자바스크립트는 JSON 데이터를 처리하기 위한 다음과 같은 메소드를 제공하고 있습니다.

 

JSON.stringify()

JSON.parse()

---

JSON.stringify() 메소드

JSON.stringify() 메소드는 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다.

JSON.stringify(value)

value에는 변환할 자바스크립트 객체를 전달합니다.

이 메소드는 UTF-16으로 인코딩된 JSON 형식의 문자열을 반환합니다.

var dog = {name: "식빵", family: "웰시코기", age: 1, weight: 2.14}; // 자바스크립트 객체

 

var data = JSON.stringify(dog);                    // 자바스크립트 객체를 문자열로 변환함.

document.getElementById("json").innerHTML = data;

---

JSON.parse()

JSON.parse() 메소드는 JSON.stringify() 메소드와는 반대로

인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다.

JSON.parse(text)

 

text에는 변환할 문자열을 전달합니다.

이때 해당 문자열은 반드시 유효한 JSON 형식의 문자열이어야 합니다.

만약 JSON 형식에 맞지 않는 문자열을 전달하면, 자바스크립트는 오류를 발생시킬 것입니다.

 

var data = '{"name": "식빵", "family": "웰시코기", "age": 1, "weight": 2.14}'; // JSON 형식의 문자열

 

var dog = JSON.parse(data);                       // JSON 형식의 문자열을 자바스크립트 객체로 변환함.


document.getElementById("json").innerHTML = dog + "<br>";


document.getElementById("json").innerHTML += dog.name + ", " + dog.family;

JSON.parse() 메소드는 오직 JSON 형식의 문자열만을 변환할 수 있습니다.

 

 

 

 

출처 : http://www.tcpschool.com/json/json_use_js