자바스크립트

반복문

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

while문

while 문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다.
다음은 while 문의 기본형입니다. while 문은 조건식을 만족할 때까지 중괄호{} 안에 있는 코드를 반복하여 실행합니다. while 문의 실행 순서는 1. 조건식을 검사하고, 만족하면 2. 중괄호 안에 있는 코드와 증감식 실행합니다. 그리고 3. 다시 조건식을 검사합니다.

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

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

06:    <script>
07:         var i = 1;
08:         while(i <= 30) {
09:            if(i % 2 == 0 && i % 6 == 0) {
10:             document.write(i, "<br />");
11:             }
12:            i++;
13:         }
14:     </script>

for문

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

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

다음은 for 문의 실행 순서입니다.

초깃값 → 조건식 → 자바스크립트 코드 → 증감식 → 조건식

다음은 for 문으로 '반복1~반복10'까지 i를 1씩 증가하며 출력한 예제입니다.

06:    <script>
07:         for(var i = 1; i<= 10; i++)
08:             document.write("반복" + i, "<br>");
09:         } 
10:     </script>

break문

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

다음은 for문과 while 문에서 break 문이 사용된 기본형입니다. break 문이 코드보다 앞에 있으므로 코드는 실행되지 않고 for 문과 while 문이 바로 종료됩니다.

for(초깃갑; 조건식; 증감식){
    break;     // 반복문을 강제로 종료합니다.
    자바스크립트 코드;
}

var 변수 = 초깃값;
while(조건식){
    break;     // 반복문을 강제로 종료합니다.
    자바스크립트 코드;
    증감식;
}

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

06:    <script>
07:         for(var i = 1; i<= 10; i++){
08:             if(i == 6) break;
09:             document.write(i, "<br>");
09:         } 
09:             document.write("=== The End ==="); 
10:     </script>

continue문

continue 문은 반복문에서만 사용할 수 있습니다. while 문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 합니다. 즉 while 문 안에 있는 continue 문은 "다음에 오는 코드는 무시하고 조건식에서 조건 검사를 실행해!"라고 말하는 것이죠.

for 문에서 continue 문을 실행할 경우에는 continue 문 다음에 오는 코드는 무시하고 바로 증감식으로 이동하여 증감 연산을 실행합니다. 즉, for 문 안에 있는 continue 문은 "다음에 오는 코드는 무시하고 증감식을 실행해!"라고 말하는 것이죠.
continue 문의 기본형은 다음과 같습니다.

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

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

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

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