객체를 JSON 형태로 변환하는 방법

Last Modified : 2017-04-27 / Created : 2015-07-09

19,823
View Count

주소 복사하기

JSON 객체가 가진 메소드중 stringify()는 객체타입을 JSON 타입으로 변경할 수 있게도와줍니다.


JSON.stringify(객체데이터)

보시는 것처럼 사용방법은 매우 간단합니다. 매개변수로 객체데이터를 넣으면 이를 JSON 형태로 변환하여줍니다. 사실 객체와 JSON은 매우 흡사합니다. 객체와 JSON의 키값에 따옴표가 있느냐 없느냐만 다를분 동일한 모습을 띄고 있습니다. 아래 두 타입의 데이터를 참고하세요

objectStr = {test1: '123', test2,: '456', test3,: '789'};
jsonStr = {'test1': '123', 'test2',: '456', 'test3',: '789'};

두 데이터를 비교해보시면 무엇이 다른지 한눈에 보이실겁니다. 그럼 위 objectStr을 JSON타입으로 바꾸기 위해 JSON객체의 stringify() 메소드를 사용해 보겠습니다.

objectToJSON = JSON.stringify(objectStr);
document.print(objectToJSON);

// {'test1': '123', 'test2',: '456', 'test3',: '789'} 이 출력됨

보시는 것처럼 간단하게 바뀌었습니다. json파일로 변경은 언제 사용할까요?

다른 페이지 또는 웹사이트에 데이터를 전송할때 JSON 타입으로 변경하여 전송하는 방법이 있을 수 있습니다. 상대방이 데이터를 쉽게 받아 파싱할 수 있도록 전송하는 곳에 JSON으로 변경해주는거죠. 이렇게 해주면 XMLHttpRequest, ajax() 또는 getJSON() 등의 비동기식 방법으로도 쉽게 데이터를 수신하고 파싱할 수 있을 것입니다.

아래의 글도 찾고 계시지 않나요?

textarea 태그 높이 자동으로 조절하는 방법

[제이쿼리] 비동기식 호출 ajax() 메소드 알아보기