자바스크립트

반복문

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다. 반복문에는 while문, for문, break문, continue문이 있다.

while문

while문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다.

기본형

var 변수=초깃값;
while(조건식){
자바스크립트 코드;
증감식;
}

while문의 순서는 조건식을 검사하고, 만족하면 중괄호 안에 있는 코드와 증감식을 실행한다. 그리고 다시 조건식을 검사한다.

예제

<script>
    var i = 1;
    while(i <= 10){
        document.write("안녕하세요" + i, "<br>");
        i++
    }
    document.write("====Teh End====")
</script>    //안녕하세요1 부터 안녕하세요 10까지 1씩 증가하면서 10회 출력

for문

for 문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다. while 문보다 사용하기 편해 사용 빈도가 높다.

기본형

for(초깃값; 조건식; 증감식){
자바스크립트 코드;
}

예제

<script>
        //초깃값    //조건식    //증감식
    for( var i = 1; i <= 10; i++){
        document.write("반복" + i, "<br>");
    }       //중괄호의 코드가 10회 반복해서 실행됩니다.
</script>

break문

반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 반복문을 종료한다. 즉, break 문은 반복문을 종료할 때 사용한다.

예제

<script>
    for(var i = 1; i <= 10; i++){
        if(i==6) break;     //i의 값이 6이면 반복문을 종료한다.
        document.write("===End===");
    }
</script>     //1 2 3 4 5 6 ===The End===

continue문

continue 문은 반복문에서만 사용할 수 있다. while 문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 한다. for 문에서 사용할 경우엔 continue 문 다음에 오는 코드는 무시하고 바로 증감식으로 이동하여 증감 연산을 실행한다.

예제

<script>
    for(var i = 1; i<= 10; i++){
        if( i % 2 == 0 )continue;
        document.write(i,"<br>");
    }
    document.write("===The End===");
</script>