반복문 while

(Loop)

1. while

조건문이 true에서 false가 될 때까지 반복

while(조건){
    반복해서 실행할 코드;
}

예시) 2와 3을 세 번 반복시키고 싶을 때

li 태그 2와 3이 3번씩 반복되는 예시

1번째 반복

<h1>Loop</h1>
<ul>
<script>
    document.write('<li>1</li>');
    var i = 0;                           //1) i는 현재 0
    while(i < 3){                        //2) 현재 0인 i는 < 3 ture 이므로
        document.write('<li>2</li>');    //3) 2와 3이 첫번째 반복되어 출력된다.
        document.write('<li>3</li>');
        i = i + 1;
    }
    document.write('<li>4</li>');
</script>
</ul>

2번째 반복

<h1>Loop</h1>
<ul>
<script>
    document.write('<li>1</li>');
    var i = 0;
    while(i < 3){                         //5) 현재 1이 된 i는 < 3 ture 이므로
        document.write('<li>2</li>');     //6) 2와 3이 두번째로 반복되어 출력된다.
        document.write('<li>3</li>');
        i = i + 1;                        //4) 현재 0인 i는 +1이 되어 1이 되었다.
    }
    document.write('<li>4</li>');
</script>
</ul>

3번째 반복

<ul>
<script>
    document.write('<li>1</li>');
    var i = 0;
    while(i < 3){                         //8) 현재 2가 된 i는 < 3 ture 이므로
        document.write('<li>2</li>');     //9) 2와 3이 두번째로 반복되어 출력된다.
        document.write('<li>3</li>');
        i = i + 1;                        //7) 현재 1이 된 i는 +1이 되어 2가 되었다.
    }
    document.write('<li>4</li>');
</script>
</ul>

4번째 반복X

<ul>
<script>
    document.write('<li>1</li>');
    var i = 0;
    while(i < 3){                     //11) 현재 3이 된 i는 < 3 false 이므로
        document.write('<li>2</li>'); //12) 2와 3이 더이상 출력되지 않고 반복이 멈춘다.
        document.write('<li>3</li>');
        i = i + 1;                    //10) 현재 2 된 i는 +1이 되어 3이 되었다.
    }
    document.write('<li>4</li>');
</script>
</ul>