break 문의 정의 및 사용법

break 문은
반복문, switch 문, label 문에서 사용되며,
실행 중인 현재 문을 즉시 종료하고, 다음 코드로 제어를 이동시키는 명령어입니다.

break 문은 다음의 문에서 사용됩니다.

하지만, 배열 메서드로 사용되는 순회(루프) 함수에서는 break 문을 사용할 수 없습니다.
다음은 배열 메서드로 많이 사용되는 순회(루프) 함수입니다.

간단한 예제

break 문을 사용하는 간단한 예제입니다.

for 문

JavaScript 
for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // i가 5일 때 루프를 종료합니다.
    }
    console.log(i); // 0, 1, 2, 3, 4가 출력됩니다.
}

for 문은 특정 횟수나 범위만큼 반복하는 문입니다.

for...of 문

JavaScript 
const array = [1, 2, 3, 4, 5, 6];

for (const value of array) {
    if (value === 4) {
        break; // 값이 4일 때 루프를 종료합니다.
    }
    console.log(value); // 1, 2, 3이 출력됩니다.
}

for...of 문은 순회 가능한 이터러블(iterable) 객체를 순회하는 반복문입니다.

for...in 문

JavaScript 
const obj = {
    a: 1,
    b: 2,
    c: 3
};

for (const key in obj) {
    if (key === "b") {
        break; // 키가 "b"일 때 루프를 종료합니다.
    }
    console.log(key); // "a"가 출력됩니다.
}

for...in 문은 객체의 프로퍼티를 순회하는 반복문입니다.

while 문

JavaScript 
let i = 0;

while (i < 10) {
    if (i === 7) {
        break; // i가 7일 때 루프를 종료합니다.
    }
    console.log(i); // 0, 1, 2, 3, 4, 5, 6이 출력됩니다.
    i++;
}

while 문은 조건식과 코드 블록으로 구성되며,
조건식이 참(true)인 동안 코드 블록을 반복 실행하는 반복문입니다.

do...while 문

JavaScript 
let i = 0;

do {
    if (i === 3) {
        break; // i가 3일 때 루프를 종료합니다.
    }
    console.log(i); // 0, 1, 2가 출력됩니다.
    i++;
} while (i < 10);

do...while 문은 코드 블록과 조건식으로 구성됩니다.
먼저 코드 블록을 무조건 한 번 실행한 후,
그 다음부터는 조건식이 참(true)인 동안 코드 블록을 실행하는 루프를 만듭니다.
조건식이 거짓(false)이 되면 do...while 문은 종료됩니다.

switch 문

JavaScript 
const fruit = "apple";

switch (fruit) {
    case "apple":
        console.log("Apple");
        break; // case "apple"이 끝난 후, switch 문을 종료합니다.
    case "banana":
        console.log("Banana");
        break;
    default:
        console.log("Unknown fruit");
} // "apple"이 출력됩니다.

switch 문은 여러 조건 중 하나를 선택하여 특정 코드 블록을 실행하는 데 사용됩니다.
switch 문은 조건문 중 하나로, 다양한 값에 대해 여러 case를 검사하고, 조건이 일치하는 경우 해당 case의 코드를 실행합니다. break 문을 사용하여 switch 문을 종료할 수 있습니다.

label이 지정된 블록

JavaScript 
outerLoop: for (let k = 0; k < 3; k++) {
    for (let l = 0; l < 3; l++) {    
        if (k === 1 && l === 1) {
            break outerLoop; // outerLoop 레이블이 있는 반복문을 종료합니다.
        }
        console.log(`k: ${k}, l: ${l}`);
    }
}
/*  출력 결과입니다.
    k: 0, l: 0
    k: 0, l: 1
    k: 0, l: 2
    k: 1, l: 0
*/

break나 continue 문에는 실행 위치를 참조할 수 있는 레이블(label)을 함께 사용할 수 있습니다.
label 문은 이러한 레이블을 지정하는 문으로,
실행 위치에 해당하는 특정한 문(statement) 앞에 레이블로 사용할 식별자를 지정합니다.

이 예제들은 각 상황에서 break 문이 어떻게 사용되는지를 보여줍니다. break 문은 루프와 switch 문에서 제어 흐름을 관리하는 데 유용합니다.

명세서

break 문의 명세서 사양
명세서 사양
break ECMAScript Language Specification
#sec-break-statement

브라우저 호환성

break 문의 브라우저 호환성
문
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
break 1 12 1 1

참고문헌

같이 보기