01. 변수 :데이터 저장

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

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

결과보기

*** 01.변수 ***
100
200
javascript

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


let x = 100;
let y = 200;
let z = "javasscript"

x = 300;
y = 400;
z = "jquery";


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

결과보기

*** 02.변수 ***
100
200
javascript

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


let x = 100;
let y = 200;
let z = "javascript";

x += 300;
y += 400;
z += "jquery"

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

결과보기

*** 03.변수 ***
400
600
javascriptjquery

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


let x = 100;
let y = 200;
let z = "javascript";

document.write("***04.변수 :변수의 종류 +지역 변수+ 전역 변수 매개+ 변수***");
document.write(x);
document.write(y);
document.write(z);

결과보기

***04. 변수 :변수의 종류***
함수안
200
300
함수 밖
100
200
javascript

05 대이터 상수 : 대이터 저장+ 데이터 변셩(x)


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

//x = 300;
//y = 400;
//z = "jquery"

document.write("***05 대이터 상수 : 대이터 저장+ 데이터 변셩(x)***")
document.write(x);
document.write(y);
document.write(z);

결과보기

***05 상수***
100
200
javascript

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


const arr = new Array();
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascipt"

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

결과보기

*** 06. 배열 ***
100
200
javascipt

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


const arr = new Array();
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascipt"

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

결과보기

*** 07. 배열 ***
100
200
javascipt

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


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

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

결과보기

*** 08. 배열 ***
100
200
javascipt

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


const arr = [100, 200, "javascipt"];

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

결과보기

*** 09. 배열 ***
100
200
javascipt

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


const obj = new Object();
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "javascipt"

    document.write("*** 10. 객체 ***")
    document.write(obj[0]);
    document.write(obj[1]);
    document.write(obj[2]);

결과보기

*** 10. 객체 ***
100
200
javascipt

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);

결과보기

*** 11. 객체 ***
100
200
javascript

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);

결과보기

*** 12. 객체 ***
100
200
javascript

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);

결과보기

*** 13. 객체 ***
100
200
javascrip

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);

결과보기

*** 14. 객체 ***
100
200
javascript

15. 객체 ; 데이터를 저장 (키와 값) : 표현방법5: 배앨 속에 객체


    const obj = {
        a: 100,
        b: [200, 300],
        c:{x: 300, y: 500},
        d: "javarscipt"
    }
    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);

결과보기

*** 15. 객체 ***
100
200
300
300
500
javarscipt

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


const a = 100;
const b = 200;
const c = "javarscript";

const obj = { a, b, c }

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

결과보기

*** 16. 객체 ***
100
200
javarscript

17. 객체 : 데이터를 저장 (키와 값) : 표현방법8 : 객체 속에 함수


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

document.write(" 17. 객체 ")
document.write(obj.a);
document.write(obj.b);
document.write(obj.b[1]);
document.write(obj.b[1]);
document.write(obj.c.x);
document.write(obj.c.y);
obj.e()

결과보기

*** 17. 객체 ***
100
200,300
300
300
400
500
javarscript가 실행되었습니다.