맛집 여행 캠핑 일상 생활

JAVASCRIPT 루프문 종류 본문

JAVASCRIPT

JAVASCRIPT 루프문 종류

영은파더♥ 2016. 8. 22. 15:46

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>


Trackback : | Comments :