ABOUT ME

    -

    오늘 방문자
    -
    어제 방문자
    -
    전체
    -
    • [JavaScript] JSON 다루기 정리
      JS 2018. 11. 19. 22:37




      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      41
      42
      43
      44
      45
      46
      47
      48
      49
      50
      51
      52
      53
      54
      55
      56
      57
      58
      59
      60
      61
      62
      63
      64
      65
      66
      67
      68
      69
      70
      71
      72
      73
      74
      75
      76
      77
      78
      79
       
      <html>
      <head>
      <script  src="http://code.jquery.com/jquery-latest.min.js"></script>
       
      <script>
       
      $(function(){
          
          // Object -> jsonString
          var obj= new Object();
          obj.name='민';
          obj.age='28';
          
          var objToJsonStr = JSON.stringify(obj); // Object는 한번에 json으로 못바꿈.  json문자열로 한번 바꿔야됨.
       
          
          // JsonString -> JSON
          var jsonStr = '{"name": "식빵", "family": "웰시코기", "age": 1, "weight": 2.14}';
          var jsonObj = JSON.parse(jsonStr); 
          
          // Json -> JsonString
          var jsonStr = JSON.stringify(jsonObj); //JSON 문자열로
          
          
          // Array -> JSONString 
          var arr = new Array();
          var person1 = new Object();
          person1.name='루피';
          person1.age='40';
          arr.push(person1);
          
          var person2 = new Object();
          person2.name='조로';
          person2.age='20';
          arr.push(person2);
          
          var onepiceJsonStr = JSON.stringify(arr);
          
          
          //JSONArrayString -> json
          var jsonArr = JSON.parse(onepiceJsonStr);
          
          
          
          // 
          var user = new Object();
       
          var list = new Array();
          
          var user1 = new Object();
          user1.name='노마';
          user1.age=18;
          
          var user2 = new Object();
          user2.name='무민';
          user2.age=28;
          
          list.push(user1);
          list.push(user2);
          
          user.users = list;
          
          console.log(user['users'][0].name;) // 노마
          
          
       
          
          });
       
       
      </script>
       
      <title> 안녕하세여!</title>
      </head>
      <body>
      </body>
       
      </html>
      		cs


      'JS' 카테고리의 다른 글

      크로스도메인이란?  (0) 2019.03.12
      [Vue.js] 네스티 라우터란?  (0) 2019.01.20
      [Ajax] ajax 기본 폼 // 비공개  (0) 2018.11.17
      [JQuery] .serialize()에 파라미터 추가하기  (0) 2018.11.06
      [JQuery] 동적 버튼 추가후 click 이벤트 중복 에러  (0) 2018.10.08

      관련글 관련글 더보기

      댓글

    Designed by Tistory.

    티스토리툴바