Top
for문 연산자

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

{
    let x = 100, y = 200, z = "javascript";
    document.write("<br>*** 01. 변수 ***<br>");
    document.write(x, "<br>");
    document.write(y, "<br>");
    document.write(z, "<br>");
}

결과보기

100
200
javascript

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

{
    const x = 100, y = 200, z = "javascript";
    document.write("< br >*** 02. 상수 ***< br >");
    document.write(x, "< br >");
    document.write(y, "< br >");
    document.write(z, "< br >");
}

결과보기

100
200
javascript

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

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

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

결과보기

100
200
javascript

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

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

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

결과보기

100
200
javascript, jquery
javascript
jquery

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

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

    document.write("< br > *** 05. 배열 ***< br >")
    document.write(arr.length);
}

결과보기

3

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

{
    const arr = [100, 200, 300, 400, 500];
    // document.write(arr[0])
    // document.write(arr[1])
    // document.write(arr[2])
    // document.write(arr[3])
    // document.write(arr[4])
    //for(초기값, 조건식, 증감식)
    for( let i=0; i<arr.length; i++ ){
        document.write(arr[i], "<br>");
    }
}

결과보기

100
200
300
400
500

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

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

    //for문
    for( let i=0; i<num.length; i++ ){
        document.write(num[i], "<br>");
    }

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

    //for each(element(요소), index(순서값), array(배열))
    num.forEach(function(element, index, array){
        document.write(element);
        document.write(index);
        document.write(array);
    })
}

결과보기

100 200 300 400 500
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];

    document.write("<br> *** 08. 배열 : 데이터 불러오기 : for of *** <br>");
   
    for( let i of num ){
        document.write(i);
    }
}

결과보기

100 200 300 400 500

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

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

    document.write("<br> *** 09. 배열 : 데이터 불러오기 : for in*** <br>");

    for( let i in num ){
        document.write([i]);
    }

    for( let i in num ){
        document.write(num[i]);
    }
}

결과보기

0 1 2 3 4
100 200 300 400 500

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

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

    document.write("
 *** 10. 배열 : 데이터 불러오기 : map() ***
");

    //map() -> 배열에서만 쓸 수 있음
    num.map(function(el){
        document.write(el);
    });

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

결과보기

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. 배열 : 데이터 불러오기 : 펼침 연산자

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

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

결과보기

100,200,300,400,500
100 200 300 400 500
100,200,300,400,500

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

{
    let a, b, c;

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

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

결과보기

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)
    document.write(name2)
    document.write(name3)
}

결과보기

100 200 javascript

16. 객체 : 데이터 불러오기 : for in 

{
  
}

결과보기

17. 객체 : 데이터 불러오기 : map() 

{
  
}

결과보기

18. 객체 : 데이터 불러오기 : hasOwnProperty() 

{
  
}

결과보기

19. 객체 : 데이터 불러오기 : 펼침 연산자 - 복사 

{
  
}

결과보기

20. 객체 : 데이터 불러오기 : 펼침 연산자 - 추가 

{
  
}

결과보기

21. 객체 : 데이터 불러오기 : 펼침 연산자 - 결합 

{
  
}

결과보기

22. 객체 : 데이터 불러오기 : 객체구조분해할당 

{
  
}

결과보기

23. 객체 : 데이터 불러오기 : 객체구조분해할당 

{
  
}

결과보기