JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. (https://ko.wikipedia.org/wiki/JSON 참고)

key값과 value값이 있어 java에서 map과 비슷한성향을 갖는 객체이다.

소스

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        var obj = new Object();
        //java:map 유사성향
        obj["abc"] = 100;
        obj['bcd'] = new Number(1000);
        obj[34] = 3.14;
        obj['ddd'] = '자바의 오브젝트';
        
        document.write("-- obj --<br/>");
        document.write(obj["abc"]+"<br/>");
        document.write(obj["bcd"]+"<br/>");
        document.write(obj[34]+"<br/>");
        document.write(obj["34"]+"<br/>");
        document.write(obj['ddd']+"<br/>");
        document.write("<hr/>");
        var ddd='bcd';
        document.write(obj[ddd]+"<br/>");
        
        var obj2 = {'aa':111,'bb':'java',1000:1234};/*json*/
        obj2['zzz']=333;
        document.write("<hr/>");
        document.write("-- obj2 --<br/>");
        document.write(obj2["aa"]+"<br/>");
        document.write(obj2["bb"]+"<br/>");
        document.write(obj2[1000]+"<br/>");
        document.write(obj2['zzz']+"<br/>");
        
        var obj3 = new Object();
        obj3.a=111;
        obj3.b=222;
        obj3.c=333;
        document.write("<hr/>");
        document.write("-- obj3 --<br/>");
        document.write(obj3.a);
        document.write(obj3.b);
        document.write(obj3.c);
    </script>
</head>
<body>
    
</body>
</html>
cs

결과


==과 ===의 비교

소스

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        var a = new String('js');
        var b=3;
        var d = [1,2,3,4];
        var e = {'a':1,'b':2,'c':3};
        e.d='aaaa';
        e['e']='bbbb';
        e.f=[1,2,3];
        
        document.write("a=='js' ->");
        document.write(a=='js');
        document.write("<br/>a==new String('js') ->");
        document.write(a==new String('js'));
        
        document.write("<hr/>b==new Number(3) ->");
        document.write(b==new Number(3));
        document.write("<br/>b===new Number(3) ->");
        document.write(b===new Number(3));
        document.write("<br/>");
        document.write("<hr/>");
        
        for(var i=0 in e){
            document.write(i);
            document.write("<br/>");
        }
    </script>
</head>
<body>
    
</body>
</html>
cs

결과


저작자표시 비영리 변경금지

'* Programming > JavaScript' 카테고리의 다른 글

클로져(Closure)  (0) 2016.10.05
function(){} (함수) / 콜백함수  (0) 2016.10.04
Math.floor() / Math.round()  (0) 2016.10.04
구구단 만들기  (0) 2016.10.04
기본 자바스크립트 사용하기  (0) 2016.09.28

+ Recent posts

티스토리툴바