continue 문은 반복문 실행 중 특정 조건이 충족될 때 해당 차례(iteration)의 나머지 코드를 건너뛰고 다음 반복으로 넘어가도록 하는 제어문입니다. 조건이 참이면 현재 반복은 즉시 중단되고, 곧바로 다음 반복부터 실행이 이어집니다.
continue 문의 동작 원리
continue 문은 for, while, do...while 등 모든 반복문 안에서 사용할 수 있습니다.
- for 문: continue를 만나면 업데이트 표현식(예:
i++)을 실행한 뒤 조건 검사로 이동합니다. - while / do...while 문: continue를 만나면 곧바로 조건 검사로 이동하므로, 조건 갱신 코드가 누락되면 무한 루프에 빠질 수 있어 주의해야 합니다.
참고로 break 문이 반복문 자체를 완전히 종료하는 것과 달리, continue 문은 반복문을 유지한 채 현재 반복만 생략한다는 점이 핵심 차이입니다.
예제 코드
다음은 JavaScript에서 continue 문을 활용하여 1부터 30 사이의 짝수만 출력하는 예제입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>JavaScript의 continue 문</h1>
<div class="result"></div><br />
<button class="Btn">클릭하세요</button>
<h3>위 버튼을 클릭하면 1부터 30까지의 짝수가 출력됩니다</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
BtnEle.addEventListener("click", () => {
for (let i = 1; i < 30; i++) {
// 홀수인 경우 현재 반복을 건너뜀
if (i % 2 !== 0) {
continue;
}
resEle.innerHTML += i + " ";
}
});
</script>
</body>
</html>
코드 설명
위 코드의 핵심 로직은 다음과 같습니다.
- 버튼을 클릭하면
for반복문이 1부터 29까지 순회합니다. i % 2 !== 0조건으로 홀수 여부를 판별합니다.- 홀수라면
continue문에 의해 출력 코드가 실행되지 않고 다음 반복으로 넘어갑니다. - 짝수인 경우에만 해당 숫자가 화면에 추가됩니다.
실행 결과
페이지를 처음 열었을 때의 화면입니다.
'클릭하세요' 버튼을 누르면 짝수만 출력되는 것을 확인할 수 있습니다.
출력 결과: 2 4 6 8 10 12 14 16 18 20 22 24 26 28
이처럼 continue 문을 사용하면 불필요한 코드 실행을 건너뛰어 반복문 로직을 더 깔끔하고 효율적으로 작성할 수 있습니다.