json 형태 데이터 생성하기

SeoHW 2018. 8. 22. 11:47

업무를 진행하다 보면 Json 형태의 데이터를 생성하여 전송하거나, 받는 경우가 종종 발생 한다.

json 형태의 데이터는 일일히 문자열로 쭉 나열하여 규칙대로 만들수도 있지만, 구조가 복잡해 지거나 데이터 양이 많을경우 사람이 일일이 만들기에는 좀 힘들다.

그래서 보통은 Java/JSP나 ASP 등과 같이 서버사이드 측에서 json을 쉽게 생성하여 HTML, Javascript 쪽에서 사용한다.

오늘은 서버사이드측이 아닌 javascript로 json 형태의 데이터를 생성하는 방법이다. 워낙 간단하니 아래 예제를 보면 쉽게 이해 할 수

자바스크립트 내장객체인 JSON.stringfy를 이용하면 생성된 Json 객체를 String으로 변환할 수 있다.

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>

<script type="text/javascript">

$(function() {

// 리스트 생성

var testList = new Array() ;

for(var i=1; i<=2; i++){

// 객체 생성

var data = new Object() ;

data.number = i ;

data.name = "Tester #" + i ;

// 리스트에 생성된 객체 삽입

testList.push(data) ;

}

// String 형태로 변환

var jsonData = JSON.stringify(testList) ;

alert(jsonData) ;

/*

출력결과 : [{"number":1,"name":"Tester #1"},{"number":2,"name":"Tester #2"}]

*/

});

</script>