Javascript

데이터 불러오기02

babydeveloper 2022. 2. 21. 08:57

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];
    //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]);
    }

    //forEach()
    num.forEach(function(el){
        document.write(el);
    });

    //forEach(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. 배열 : 데이터 불러오기 : forof()

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

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

결괏값

100 200 300 400 500

09. 배열 : 데이터 불러오기 : forin()

{
        const num = [100, 200, 300, 400, 500];
                
        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];

        //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

 

참조사이트

 

자바스크립트

결과보기 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

parkjongho1.github.io

 

반응형