json 형태 데이터 생성하기

업무를 진행하다 보면 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>

출처: http://fruitdev.tistory.com/190?category=568934 [과일가게 개발자]