break/continue

break문

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

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

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

var 변수 = 초깃값;
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("=== The End ==="); 
</script>

continue문

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

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

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

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

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

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