본문 바로가기

Language/JQuery

[Javascript] JSON 형태의 데이터 생성하기

반응형

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


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


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



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


<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>


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