[Javascript / 자바스크립트] JSON.stringify 함수

개발 노트/Javascript  2015.04.19 23:56

안녕하세요. 명월입니다.
이번 포스트는 JSON에 대해 공부하고 자바스크립트 내장함수인 JSON 클래스의 stringify함수에 대해 공부하겠습니다.


최근에 프로젝트를 하다 보면 JSON이란 단어를 참 많이 접하게 되는 것 같습니다. 한 5~6년 전만 해도 JSON의 비중보다는 XML의 비중이 컷는데 말입니다. 개인적인 생각인데 웹 문서가 XML이다 보니 정보교환의 구분 점을 위해 JSON을 많이 사용하게 되는 것 같네요.

JSON의 구조는 XML과 비슷합니다만 다른 점은 XML은 각 요소의 속성을 부여할 수 있는데 JSON은 속성은 없고 오로지 값에 대한 구조로만 이루어져 있습니다.
즉, 포괄적인 정보교환으로는 아직도 XML을 사용하는 것이 맞겠으나 값의 대한 정보만 주고받는다고 하면 이 JSON이 더 간결하고 나을 것 같네요.


그럼 JSON의 구조에 대해서 공부하면 중괄호로 시작과 끝을 맺고 키 : 값의 형태 구조로 되어 있습니다. 그리고 배열의 경우는 대괄호로 구분되어 집니다.
예) {"키1":"데이터","키2":["리스트1","리스트2"],"키3":{"맵키1":"맵1","맵키2":"맵2"}}
JSON은 구분자가 괄호, 콜론밖에 없기 때문에 그냥 보면 엄청나게 복잡할 것 같지만, 막상 하나하나 뜯어보면 단순한 구조로 되어있습니다.


JSON의 이해를 쉽게 하려고 자바스크립트의 내장함수인 stringify함수를 이용해서 JSON데이터를 만들겠습니다.
예제를 작성하기 전에 stringify함수에 대해서 설명하면 stringify함수는 자바스크립트 언어 환경에서 클래스를 만들어서 함수의 파라미터에 넣으면 JSON형식의 String구조의 값이 반환되는 함수입니다.



먼저 JsonExam이라는 클래스를 선언했습니다.변수값은 result1, result2, result3으로 만들었습니다. 이 클래스를 JSON.stringify 함수에 넣으면 예상되는 결과는 {"result1":"test","result2":"test2","result3":"test3"} 가 나오겠습니다.


결과화면


댓글 0개가 달렸습니다.
댓글쓰기