반복문

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 가령, "안녕하세요" 라는 문구를 100번 출력하려면 출력문을 100번 작성해야 하지만, 반복문을 사용한다면 한 줄의 코드를 100번 반복하여 쉽게 출력할 수 있습니다.

while문

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

while(조건식){
자바스크립트 코드;
증감식;    
}

다음은 while문을 사용해 "안녕하세요1"부터 "안녕하세요10"까지 1씩 증가하면서 10회 출력하는 예제입니다.

예제
<script>
var i = 1;
while(i<=10){
    document.write("안녕하세요" + i, "<br>");
    i++;
}
</script>


결과:
안녕하세요1
안녕하세요2
안녕하세요3
안녕하세요4
안녕하세요5
안녕하세요6
안녕하세요7
안녕하세요8
안녕하세요9
안녕하세요10

다음은 while문을 사용하여 1부터 30까지의 숫자 중 2의 배수이면서 6의 배수인 숫자만 출력하는 예제입니다.

예제
<script>
    var i = 1;
    while ( i<=30){
        if(i%2==0 && i%6==0){
            document.write(i,"<br>");
        }
        i++;
    }
</script>


결과:
6
12
18
24
30

for문

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

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

다음은 for문으로 반복1부터 반복10까지 출력한 예제입니다.

예제
<script>
    for(var i = 1; i <=10; i++){
        document.write("반복" + i + "<br>");
    }
</script>

결과:
반복1
반복2
반복3
반복4
반복5
반복6
반복7
반복8
반복9
반복10

다음은 for문을 이용하여 1부터 100까지 5의 배수일 경우에는 빨간색, 7의 배수일 경우에는 초록색, 둘 다 해당할경우 아쿠아색 글자로 출력하는 예제입니다.

예제
<script>
    for(var i = 1; i<=100; i++){
        if(i%5 == 0){
            document.write("<p class="red">" + i + "</p>");
        }
        else if (i%7 == 0){
            document.write("<p class="green">" + i + "</p>");
        }
        else if(i%5 == 0 && i%7 == 0) {
            document.write("<p class="aqua">" + i + "</p>");
        }
    }
</script>

break문

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

다음은 for문과 while문에서 break문이 사용된 기본형입니다.

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

while(조건식){
    break;
    자바스크립트 코드;
    증감식;
}

다음은 for문을 사용하여 1부터 10까지 반복하도록 작성한 예제입니다. 그리고 break문을 사용하여 변수 i의 값이 6일 경우 강제로 반복문을 종료합니다.

<script>
    for(var i = 1; i<=10; i++){
        if(i==6)break;
        document.write(i,"<br>");
    }
    document.write("***end***")
</script>


결과:
1
2
3
4
5
***end***

continue문

continue문은 반복문에서만 사용할 수 있습니다. while 문에 사용할 경우, continue문 뒤에 오는 코드는 무시하고 조건식으로 돌아거서 조건을 검사합니다. for문에서 실행할 경우 continue문이 실행되는 순간 증감식으로 돌아가서 재시작합니다.
continue문의 기본형은 다음과 같습니다.

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

while(조건식){
    증감식;
    continue;
    자바스크립트 코드;
}

다음은 for문을 이용해 1부터 10까지 i가 2의 배수일 경우에만 continue문을 실행하여 홀수만 출력하는 예제입니다.

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


결과:
1
3
5
7
9
***end***