데이터 불러오기 : 배열

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

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

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

결과보기

100
200
javscript

 

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

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

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

결과보기

100
200
javscriptjquery
javscript
jquery

 

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

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

    document.write(arr.length);
}

결과보기

3

 

04. 배열 : 데이터 불러오기 : 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

 

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

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

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

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

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

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

결과보기

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