데이터 불러오기 - 배열2

 

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

 

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

 

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

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

    for(let i of num){
        document.write(i);
    }
}

결과보기

100 200 300 400 500

 

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

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

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

결과보기

100 200 300 400 500

 

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

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

    num.map(function(el){
        document.write(el);
    });

    num.map(function (elemnt, index, array) {
        document.write(elemnt);
        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