Top
기초 문법 변수 자료형

01. 변수 : 데이터 저장

{
    var x = 100; 
    var y = 200; 
    var z = "javascript";  
    
    document.write(x);
    document.write(y);
    document.write(z);
}

결과보기

100
200
javascript

02. 변수 : 데이터 저장 + 데이터 변경

{
    let x = 100;
    let y = 200;
    let z = "javascript";
    x = 300; 
    y = 400;
    z = "jquery";
    
    document.write(x);
    document.write(y);
    document.write(z);
}

결과보기

300
400
jquery

03. 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가

{
    let x = 100;
    let y = 200;
    let z = "javascript";
    
    x += 300;
    y -= 400;
    z += "jquery";
    
    document.write(x);
    document.write(z);
    document.write(y);
}

결과보기

400
-200
javascriptjquery

04. 변수 : 변수의 종류 : 지역변수 + 전역변수 + 매개변수

{        
    // 변수 : 데이터 저장
    // 함수 : 데이터 실행
    
    let x = 100; //전역변수
    let y = 200; //전역변수

    function func( ){
        let x = 100; //지역변수            
        let z = "javascript";
        x = 200;       // 지역변수 100 -> 200
        y = 300;       // 전역변수 200 -> 300    
        document.write("함수 안");
        document.write(x);
        document.write(y);
        document.write(z);
    }
    func( );
    
    document.write("함수 밖");
    document.write(x);
    document.write(y);
    document.write(z); //원래 함수 밖 z 값은 출력이 안돼야 정상. 본 script 에서는 함수 안에만 지역변수 z가 있기 때문에.
}

결과보기

함수안
200
300
javascript
함수밖
100
200

05. 상수 : 데이터 저장소 + 데이터 변경(X) : 변경 안되는 데이터

{        
    const x = 100;
    const y = 200;
    const z = "javascript";

    // x = 300; 한번 지정하면 이런식으로 바꿀 수 없음.
    // y = 400;
    // z = "jquery";
    // const 변수를 데이터 변경 시, 오류로 인해 출력이 불가능함.
    // const 는 재 할당, 재 선언이 불가능.
    
    document.write(x);
    document.write(y);
    document.write(z);
}

결과보기

오류가 뜨면 정상

06. 배열 : 여러개의 데이터를 저장 : 표현 방법 1

{        
    const arr = new Array( );
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";
    
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과보기

100
200
javascript

07. 배열 : 여러개의 데이터를 저장 : 표현 방법 2

{        
    const arr = new Array(100, 200, "javascript");

    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과보기

100
200
javascript

08. 배열 : 여러개의 데이터를 저장 : 표현 방법 3

{        
    const arr = [ ];
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";
    
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과보기

100
200
javascript

09. 배열 : 여러개의 데이터를 저장 : 표현 방법 4

{        
    const arr = [100, 200, "javascript"];
    
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과보기

100
200
javascript

10. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 1

{  
    //객체의 표현 방법 1 : 배열의 방법도 동일하게 적용      
    const obj = new Object( );
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "javascript";
    
    document.write(obj[0]);
    document.write(obj[1]);
    document.write(obj[2]);
}

결과보기

100
200
javascript

11. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 2

{        
    const obj = new Object( );
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";
    
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과보기

100
200
javascript

12. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 3

{        
    const obj = { }; //중괄호{ }
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";
        
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과보기

100
200
javascript

13. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 4

{        
    const obj = {a:100, b:200, c:"javascsript"};
    
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과보기

100
200
javascript

14. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 5 : 배열 속에 객체

{        
    const obj = [
        {a: 100, b:200},
        {c: "javascript"}
    ];
                
    document.write(obj[0].a);
    document.write(obj[0].b);
    document.write(obj[1].c);
}

결과보기

100
200
javascript

15. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 6 : 객체 속에 배열

{        
    const obj = {
        a: 100,
        b: [200, 300],
        c: {x:400, y:500},
        d: "javascript"
    };

    document.write(obj.a);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c.x);
    document.write(obj.c.y);
    document.write(obj.d);
}

결과보기

100
200
javascript

16. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 7 : 객체 속에 변수

{        
    const a = 100;
    const b = 200;
    const c = "javascript";

    const obj = { a, b, c };

    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과보기

100
200
javascript

17. 객체 : 키와 값으로 이루어진 저장 : 표현 방법 8 : 객체 속에 함수

{        
    const obj = {
        a: 100,
        b: [200, 300],
        c: {x: 400, y: 500},
        d: "javascript",
        e: function( ){
            document.write("javascript가 실행되었습니다.");
        },
        f: function( ){
            document.write(obj,d + "가 실행되었습니다.");
        },
        g: function( ){
            document.write(this.d + "가 실행되었습니다.");
        }
        };
   
    document.write(obj.a);
    document.write(obj.b[0], obj.b[1]);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c.x);
    document.write(obj.c.y);
    obj.e( );
    obj.f( );
    obj.g( );
}

결과보기

100
200,300
200
300
400
500
javascript가 실행되었습니다.
javascript가 실행되었습니다.
javascript가 실행되었습니다.