Top
연산자

01. 변수 : 데이터 불러오기

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

    document.write(x, "<br>");
    document.write(y, "<br>");
    document.write(z, "<br>");
}

결과보기

02. 상수 : 데이터 불러오기

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

    document.write(x, "<br>");
    document.write(y, "<br>");
    document.write(z, "<br>");
}

결과보기

03. 배열 : 데이터 불러오기

{
    const arr = [100, 200, "javascript"];

    document.write(arr[0], "<br>");
    document.write(arr[1], "<br>");
    document.write(arr[2], "<br>");
}

결과보기

04. 배열 : 데이터 불러오기 : 2차 배열

{
    const arr = [100, 200, ["javascript", "jquery"]];

    document.write(arr[0], "<br>");
    document.write(arr[1], "<br>");
    document.write(arr[2], "<br>");
    document.write(arr[2][0], "<br>");
    document.write(arr[2][1], "<br>");
}

결과보기

05. 배열 : 데이터 불러오기 : 갯수 구하기

{
    const arr = [100, 200, "javascript"];

    document.write(arr.length, "<br>");
}

결과보기

06. 배열 : 데이터 불러오기 : for()

{
    const arr = [100, 200, 300, 400, 500];

    //for(초기값; 조건식; 증감식)
    for( let i=0; i<arr.length; i++ ){
        document.write(arr[i], "<br>");
    }
}

결과보기

07. 배열 : 데이터 불러오기 : forEach()

{
    const num = [100, 200, 300, 400, 500];

    //forEach()
    num.forEach(function(el){
        document.write(el, "<br>")
    });

    //forEach(element, index, array)
    num.forEach(function(element, index, array){
        document.write(element, "<br>");
        document.write(index, "<br>");
        document.write(array, "<br>");
    })
}

결과보기

100
200
300
400
500
100
0
100,200,300,400,500
200
1
100,200,300,400,500
300
2
100,200,300,400,500
400
3
100,200,300,400,500
500
4
100,200,300,400,500

08. 배열 : 데이터 불러오기 : for of

{
    const num = [100, 200, 300, 400, 500];

    for( let i of num ){
        document.write(i, "<br>");
    }
}

결과보기

09. 배열 : 데이터 불러오기 : for in

{
    const num = [100, 200, 300, 400, 500];

    for( let i in num ){
        document.write(i, "<br>");
    }

    for( let i in num ){
        document.write(num[i], "<br>");
    }
}

결과보기

0
1
2
3
4
100
200
300
400
500

10. 배열 : 데이터 불러오기 : map()

{
    const num = [100, 200, 300, 400, 500];

    //map()
    num.map(function(el){
        document.write(el, "<br>");
    })

    //map(element, index, array)
    num.map(function(element, index, array){
        document.write(element, "<br>");
        document.write(index, "<br>");
        document.write(array, "<br>");
    })
}

결과보기

100
200
300
400
500
100
0
100,200,300,400,500
200
1
100,200,300,400,500
300
2
100,200,300,400,500
400
3
100,200,300,400,500
500
4
100,200,300,400,500

11. 배열 : 데이터 불러오기 : map()

{
    const num = [100, 200, 300, 400, 500];

    document.write(num, "<br>");
    document.write(num[0], num[1], num[2], num[3], num[4], "<br>");
    document.write(...num, "<br>");
}

결과보기

100,200,300,400,500
100200300400500
100200300400500

12. 배열 : 데이터 불러오기 : 배열구조분해할당

{
    let a, b, c;

    [a, b, c] = [100, 200, "javascript"];

    document.write(a, "<br>");
    document.write(b, "<br>");
    document.write(c, "<br>");
}

결과보기

100
200
javascript

13. 객체 : 데이터 불러오기 : 기본

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

    document.write(obj.a, "<br>");
    document.write(obj.b, "<br>");
    document.write(obj.c, "<br>");
    document.write(obj["a"], "<br>");
    document.write(obj["b"], "<br>");
    document.write(obj["c"], "<br>");
}

결과보기

100
200
javascript
100
200
javascript

14. 객체 : 데이터 불러오기 : Object

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

    document.write(Object.keys(obj), "<br>");
    document.write(Object.values(obj), "<br>");
    document.write(Object.entries(obj), "<br>");
}

결과보기

a,b,c
100,200,javascript
a,100,b,200,c,javascript

15. 객체 : 데이터 불러오기 : 변수

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

    const name1 = obj.a;
    const name2 = obj.b;
    const name3 = obj.c;

    document.write(name1, "<br>");
    document.write(name2, "<br>");
    document.write(name3, "<br>");
}

결과보기