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

<head>부분 안의

<style>부분이 css정의 부분이고

<script>부분이 자바스크립트 부분이다.

소스

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*css정의*/
    </style>
   
    <script language="javascript">
        document.write("<h3>순서대로 출력된다</h3>");
    </script>
    
    <script language="javascript" src="js/ex01.js">
        /*document.write("<h2>god</h2>"); 불가능 하다*/
    </script>
    
    <script language="javascript">
        document.write("<h3>다시 script를 작성하여야 나온다</h3>");
    </script>
</head>
<body>
    <p>본문의 내용을 작성합니다</p>
</body>
</html>
cs

글 작성하기 위해서는 document.write("<h3>순서대로 </h3>"); 이러한 방법을 사용하며

다른 js 파일을 불러올 수 있다. <script language="javascript" src="js/ex01.js">

불러오는 부분에서는 다른 내용을 작성할 수 없으며 글을 작성하고 싶다면, <script>를 다시 작성하여야 한다.


결과


""와 ''의 사용 / 8진수, 16진수 / switch문 / for문

소스

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script lang="javascript">
        document.write("<h1>\"자바스크립트\"</h1>");
        document.write('<h2>"문자와 문자열 "</h2>');
        document.write('<h3>8진수:'+010+"</h3>");
        document.write('<h3>16진수:'+0xf+"</h3>");
        document.write('<h3>null:'+null+"</h3>");
        document.write("aaaa"+'bbb');
        
        document.write("<HR/>");    
        document.write("<hr/>");
        switch(1){
            case 1:
                document.write("1");
                break;
            case 2:
                document.write("2");
                break;
            default:
                document.write("all no");
                break;
        }
        for(var a=0;a<5;a++){
            document.write("<p>a:"+a+"</p>");
        }
    </script>
</head>
<body>
    
</body>
</html>
cs

결과


이스케이프문자 / var

소스

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script lang="javascript">
        document.write('<h3>이스케이프문자:aa\naaa</h3>');
        /*alert('<h3>이스케이프문자:\taa\naaa</h3>');*/
        document.write("<br/>");
        
        document.write((100+5)*2);
        document.write("<HR/>");
        
        var a=2.5;
        var b=5;
        var c=a+"+"+b+"=";
        b = " : 더하기 계산";
        
        document.write(c+(a+b));
        document.write("<hr/>");
        document.write(false);
        document.write("<hr/>");
        document.write(3<5);
        if(true){
            document.write("참입니다");
        }else{
            document.write("거짓입니다");
        }
    </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
*JSON  (0) 2016.10.04
구구단 만들기  (0) 2016.10.04

+ Recent posts

티스토리툴바