JAVASCRIPT 루프문 종류

JAVASCRIPT 루프문 종류

자바스크립트에도 PHP의 foreach 에서 $key=>$val 형태와 비슷한 for in 반복문이 있다.

아래는 for, for in, while, do while 의 예제이다.

<script>

var arr = {0:"Apple", 1:"Banana", 2:"Grape", 3:"Orange", 4:"Peach", 5:"Pear"};

function loop1() {

    var tObj = document.getElementById("result");

    for (var i=0; i<6; i++) {

        tObj.innerHTML += i + " => " + arr[i] + "<br>";

    }

    tObj.innerHTML += "<br>";

}

function loop2() {

    var tObj = document.getElementById("result");

    for (key in arr) {

        tObj.innerHTML += key + " => " + arr[key] + "<br>";

    }

    tObj.innerHTML += "<br>";

}

function loop3() {

    var tObj = document.getElementById("result");

    var i = 0;

    while (arr[i]) {

        tObj.innerHTML += i + " => " + arr[i] + "<br>";

        i++;

    }

    tObj.innerHTML += "<br>";

}

function loop4() {

    var tObj = document.getElementById("result");

    var i = 0;

    do {

        tObj.innerHTML += i + " => " + arr[i] + "<br>";

        i++;

    } while (arr[i])

    tObj.innerHTML += "<br>";

}

window.onload = function() {

    loop1();

    loop2();

    loop3();

    loop4();

}

</script>

<div id="result"></div>