JSON.stringify()와 JSON.parse()

 

JSON이란?

 

 

JSON은 JavaScript Object Notation의 약자로서 데이터를 문자열의 형태로 나타내기 위해서 사용됩니다. 

 

{
	name: "PSY",
    	age: 25,
        job: null
}

중괄호 안에 위와 같은 형태로 표현할 수 있습니다.

 

이름이 암시하듯 JSON은 본래 자바스크립트에서 파생되었지만,

현재는 거의 표준으로 자리잡아 대부분의 다른 프로그래밍 언어에서도 지원하는 데이터 포멧입니다. 

 

 

특히, 네트워크상에서 데이터를 주고 받을때 많이 사용됩니다.

 

JSON 뿐 아니라 통신 객체에는 XML, YAML 등이 있지만, 가독성이 뛰어난 JSON이 현재는 주로 사용되고 있습니다.

 

 

 

---

JSON.stringify()

 

JavaScript 객체를 JSON 문자열로 변환할 때는 JSON 객체의 stringify() 메서드를 사용합니다. 

 

stringify() 메서드는 JavaScript 객체를 인자로 받고 JSON 문자열을 반환합니다.

 

 

 

예를들면, 아래와 같이 Javascript 객체를 obj 변수에 선언합니다.

const obj = {
	name: "PSY",
    	age: 25,
        job: null
};


const str = JSON.stringify(obj);
console.log(str);

// '{"name": "PSY", "age": 25, "job": null}'

이때 JSON.stringify()를 해주면 맨아랫줄과 같이 출력 JSON 형식의 문자열로 출력되는것을 알 수 있습니다.

 

 

 

 

JSON.parse()

 

 

반대로 JSON 형식의 문자열을 Javascript 객체로 변환합니다.

 

const str = `{
	"name": "PSY",
    	"age" 25,
        "job" null
}`


const obj = JSON.parse(obj);
console.log(obj);

// {name: "PSY", age: 25, job: null}

 

 

 

 

 

+

 

JavaScript 객체와 JSON 문자열 간에는 아주 미묘한 차이가 있는 것을 알 수 있습니다.

 

JSON 문자열에서는 키(key)를 나타낼 때 반드시 쌍따옴표로 감싸줘야 하는 반면에,

JavaScript 객체에서는 쌍따옴표를 꼭 사용할 필요는 없습니다.

 

 

 

 

 

 

참고자료