JavaScript

break

lshjju 2026. 2. 14. 18:24

흐름을 즉시 중단시키고 탈출하는 명령인 break 문에 대해 알아보겠습니다.

break는 반복문이나 switch 문 안에서 실행되며, 엔진이 이 키워드를 만나는 순간 가장 가까운 코드 블록을 즉시 빠져나오게 만듭니다.


 

이미지 출처 - '오뉴(ONEW)' 작가



1. 반복문에서의 break (탈출)

반복문의 조건식이 아직 참(true)일지라도, 특정 상황이 발생했을 때 반복을 강제로 멈추고 싶을 때 사용합니다.

  • 동작: break를 만나면 그 아래의 코드는 무시되고, 반복문 자체가 종료됩니다.
JavaScript
 
for (let i = 1; i <= 10; i++) {
    if (i === 5) {
        console.log("5를 발견했습니다! 반복을 종료합니다.");
        break; // i가 5가 되는 순간 반복문 탈출
    }
    console.log(i + "번째 작업 중...");
}
// 출력: 1번째, 2번째, 3번째, 4번째 작업 중... 후 종료

2. switch 문에서의 break (방어)

switch 문에서 각 케이스(case)를 구분 짓는 아주 중요한 역할을 합니다.

  • 주의: 만약 break를 생략하면, 일치하는 케이스 이후의 모든 아래 케이스들이 조건과 상관없이 줄줄이 실행되는 'Fall-through' 현상이 발생합니다.
JavaScript
 
let rank = 1;

switch (rank) {
    case 1:
        console.log("금메달입니다!");
        break; // 여기서 멈추지 않으면 아래 메시지도 모두 출력됨
    case 2:
        console.log("은메달입니다!");
        break;
    default:
        console.log("참가해주셔서 감사합니다.");
}

3. 실전 예제 코드: "무한 루프 탈출"

while 문으로 무한 루프를 만든 뒤, 사용자가 특정 값을 입력하거나 조건이 맞을 때 탈출시키는 패턴에서 자주 쓰입니다.

JavaScript
 
let count = 0;

while (true) { // 조건이 무조건 참인 무한 루프
    count++;
    console.log(count + "회 시도 중...");

    // 특정 행운의 숫자가 나오면 탈출
    let luckyNumber = Math.floor(Math.random() * 10) + 1;
    
    if (luckyNumber === 7) {
        console.log("7이 나왔습니다! 무한 루프를 빠져나갑니다.");
        break; 
    }
}

📋 break vs continue (짧은 비교)

함께 자주 언급되는 continue와는 목적이 완전히 다릅니다.

구분 break continue
동작 반복문을 완전히 종료하고 탈출함 이번 회차만 건너뛰고 다음 반복을 수행함
비유 퇴근 (오늘 일 아예 끝) 휴식 (지금 하던 것만 쉬고 다음 일 계속)

학습 정리

  • **break**는 반복문의 흐름을 완전히 끊어버릴 때 사용하는 '비상 정지 버튼'이다.
  • switch 문에서는 다른 케이스로 넘어가는 것을 막아주는 '가림막' 역할을 한다.
  • 불필요한 연산을 줄여 프로그램의 효율성을 높이는 데 기여한다.

반복을 제어하는 강력한 브레이크를 손에 넣으셨습니다!


'JavaScript' 카테고리의 다른 글

Conditional statement  (0) 2026.02.14
Loop statement  (0) 2026.02.14
Event Handler and Event Listener  (0) 2026.02.14
Types of Event  (0) 2026.02.14
return  (0) 2026.02.14