Top
기초 문법 변수 자료형

01. 변수 : 데이터 저장

{
    var x = 100; // 변수 x에 숫자 100을 저장
    var y = 200; // 변수 y에 숫자 200을 저장
    var z = "javascript"; // 변수 z에 문자 Javascript를 저장

    document.write(x);
    document.write(y);
    document.write(z);
}

결과 보기

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

{
    let x = 100; // 변수 x에 숫자 100을 저장
    let y = 200; // 변수 y에 숫자 200을 저장
    let z = "JavaScript"; // 변수 z에 문자 Javascript를 저장

    x = 300; // 변수 x의 값 300으로 변경
    y = 400; // 변수 y의 값 400으로 변경
    z = "Jquery"; // 변수 z의 값 "jqeury"로 변경

    document.write("*** 02. 변수***");
    document.write(x);
    document.write(y);
    document.write(z);
}

결과 보기

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

{
    let x = 100; //변수 x에 100을 할당
    let y = 200; //변수 y에 200을 할당
    let z = "Javascript"; //변수 z에 "Javascript"를 할당

    x += 300; // 변수 x에 300을 추가
    y -= 400; // 변수 y에 400을 추가
    z += "Jqeury"; // 변수 z에 "Jqeury"를 추가

    document.write("*** 03. 변수***");
    document.write(x);
    document.write(y);
    document.write(z);
}

결과 보기

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

{
    document.write("*** 04. 변수의 종류 ***");

    let x = 100; //전역변수
    let y = 200; //전역변수
            
    function func(){
        let x = 100; //지역변수
        let z = "Javascript";
        x = 200;    //지역변수
        y = 300;    //전역변수
            
        document.write("함수 안");
        document.write(x);
        document.write(y);
        document.write(z);
    }
    func();

    document.write("함수 밖");
    document.write(x);
    document.write(y);
    document.write(z);
}

결과 보기

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

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

    document.write("*** 05. 상수***");
    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("*** 06. 배열***");
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과 보기

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

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

    document.write("*** 07. 배열 ***");
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과 보기

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

{
    const arr = [];
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "Javascript";

    document.write("*** 08. 배열 ***");
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과 보기

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

{
    const arr = [100,200,"Javascript"];
    
    document.write("*** 09. 배열 ***");
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

결과 보기

10. 객체 : 데이터를 저장(키와 값) : 표현 방법 1

{
    const obj = new Object();
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "Javascript";
    
    
    document.write("*** 10. 객체 ***");
    document.write(obj[0]);
    document.write(obj[1]);
    document.write(obj[2]);
}

결과 보기

11. 객체 : 데이터를 저장(키와 값) : 표현 방법 2

{
    const obj = new Object();
    obj.a = 100;
    obj.b = 200;
    obj.c = "Javascript";

    document.write("*** 11. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과 보기

12. 객체 : 데이터를 저장(키와 값) : 표현 방법 3

{
    const obj = {};
    obj.a = 100;
    obj.b = 200;
    obj.c = "Javascript";

    document.write("*** 12. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과 보기

13. 객체 : 데이터를 저장(키와 값) : 표현 방법 4

{
    const obj = {
        a : 100,
        b : 200,
        c : "Javascript"
    };

    
    document.write("*** 13. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과 보기

14. 객체 : 데이터를 저장 (키와 값) : 표현 방법5

{
    const obj = [{a: 100, b: 200}, {c: "javascript"}];

    document.write("*** 14. 객체 ***");
    document.write(obj[0].a);
    document.write(obj[0].b);
    document.write(obj[1].c);
}

결과 보기

15. 객체 : 데이터를 저장 (키와 값) : 표현 방법6

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

    document.write("*** 15. 객체 ***");
    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);
}

결과 보기

16. 객체 : 데이터를 저장 (키와 값) : 표현 방법7

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

    const obj = {a, b, c};

    document.write("*** 16. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결과 보기

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("*** 17. 객체 ***");
    document.write(obj.a); //100
    document.write(obj.b); //200,300
    document.write(obj.b[0]); //200
    document.write(obj.b[1]); //300
    document.write(obj.c.x); //400
    document.write(obj.c.y); //500
    obj.e();
    obj.f();
    obj.g();
}

결과 보기