JS

[JavaScript] JSON 다루기 정리

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