Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript에서 break 문과 continue 문의 차이점 완벽 정리

break 문이란?

break 문은 반복문을 조기에 종료할 때 사용하는 제어문입니다. break가 실행되면 프로그램의 흐름은 해당 반복문을 감싸고 있는 중괄호({}) 블록을 완전히 빠져나가게 됩니다. 즉, 나머지 반복 횟수와 관계없이 루프 자체가 즉시 종료됩니다.

다음 예제는 while 반복문과 함께 break 문을 사용하는 방법을 보여줍니다. 변수 x가 5에 도달하는 순간 break 문이 실행되어 반복문이 조기에 종료되고, 닫는 중괄호 바로 아래에 있는 document.write() 문으로 프로그램 흐름이 이동하는 것을 확인할 수 있습니다.

예제

<html>
<body>
<script>
var x = 1;
document.write("Entering the loop<br /> ");

while (x < 20) {
if (x == 5) {
break; // 반복문을 완전히 종료
}
x = x + 1;
document.write( x + "<br />");
}

document.write("Exiting the loop!<br /> ");
</script>
</body>
</html>

continue 문이란?

continue 문은 인터프리터에게 현재 반복(iteration)의 나머지 코드 블록을 건너뛰고 즉시 다음 반복을 시작하도록 지시하는 제어문입니다. continue 문을 만나면 프로그램의 흐름은 곧바로 반복문의 조건 검사식으로 이동하며, 조건이 여전히 참(true)이면 다음 반복이 시작되고, 거짓(false)이면 반복문을 벗어나게 됩니다.

즉, continue 문은 반복문 전체를 종료하는 것이 아니라 해당 반복 한 번만 건너뛴다는 점이 break 문과의 핵심적인 차이입니다. 아래 예제는 while 반복문에서 continue 문을 활용하는 방법을 보여줍니다. 변수 x의 값이 8에 도달했을 때 continue 문이 실행되어 해당 숫자의 출력이 건너뛰어지는 것을 확인할 수 있습니다.

예제

<html>
<body>
<script>
var x = 1;
document.write("Entering the loop<br /> ");

while (x < 10) {
x = x + 1;
if (x == 8) {
continue; // 루프 본문의 나머지 부분을 건너뜀
}
document.write( x + "<br />");
}

document.write("Exiting the loop!<br /> ");
</script>
</body>
</html>

핵심 차이점 요약

정리하면 다음과 같습니다.

  • break 문: 반복문을 완전히 종료하고, 루프 밖의 다음 코드로 제어를 넘깁니다.
  • continue 문: 현재 반복만 중단하고, 조건 검사로 돌아가 다음 반복을 계속 수행합니다.

따라서 특정 조건에서 루프 실행 자체를 멈추고 싶다면 break를, 특정 값만 제외하고 나머지 반복은 계속 진행하고 싶다면 continue를 사용하는 것이 적절합니다.