JavaScript break 문

정의와 사용법

break 문은 switch 문이나 루프(예: for, for...in, while, do...while)를 탈출합니다.

break 문이 switch 문과 함께 사용될 때, 그것은 switch 블록을 탈출합니다. 이는 블록 내에서 더 이상 코드를 실행하고/또는 case 테스트를 중단합니다.

루프 내에서 break 문을 사용할 때, 그것은 루프를 중단하고 루프 이후의 코드를 계속 실행합니다. (이가 가능하다면).

break 문은 선택적인 태그 참조와 함께 사용될 수 있으며, "跳出" 어떤 JavaScript 코드 블록에서도 사용할 수 있습니다. (아래의 "더 많은 예제"를 참조하세요).

비고：태그를 참조하지 않으면, break 문은 루프나 switch 내에서만 사용할 수 있습니다。

예제

이 예제에서는 for 루프와 break 문을 함께 사용합니다。

변수 i가 "3" 일 때까지 반복 코드를 실행하되, 그때마다 반복을 탈출합니다：

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i === 3) {
    break;
  }
  text += "수는 " + i + "<br>";
}

직접 테스트해 보세요

하단에 더 많은 TIY 예제가 있습니다。

문법

break;

선택적인 태그를 사용하여 참조할 수 있습니다：

break labelname;

기술적인 세부 사항

JavaScript 버전： ECMAScript 1

더 많은 예제

예제

이 예제에서는 while 루프와 break 문을 함께 사용합니다。

변수 i가 "3" 일 때까지 반복 코드를 실행하되, 그때마다 반복을 탈출합니다：

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>수는 " + i + "<br>";
  i++;
  if (i === 3) {
    break;
  }
}

직접 테스트해 보세요

예제

switch 블록을 벗어나서 하나의 case를 실행하는 것을 보장하기 위해 "끝내기":

var day;
switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
    day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
    break;
}

직접 테스트해 보세요

예제

불릭 참조를 사용한 break 문을 통해 하나의 JavaScript 블록을 "끝내기":

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
list: {
  text += cars[0] + "<br>"; 
  text += cars[1] + "<br>"; 
  text += cars[2] + "<br>"; 
  break list;
  text += cars[3] + "<br>"; 
}

직접 테스트해 보세요

예제

불릭 참조를 사용한 break 문을 통해 중첩된 for 루프를 "끝내기":

var text = "";
var i, j;
Loop1: // 첫 번째 for 루프가 "Loop1"로 표시됨
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
  Loop2: // 두 번째 for 루프가 "Loop2"로 표시됨
  for (j = 0; j < 5; j++) {
    if (j === 2) {
      break Loop1;
    }
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

직접 테스트해 보세요

브라우저 지원

문장 크롬 IE 파이어폭스 사파리 오페라
break 지원 지원 지원 지원 지원

관련 페이지

JavaScript 강의:JavaScript Break 및 Continue

JavaScript 강의:JavaScript For 루프

JavaScript 강의:JavaScript While 루프

JavaScript 강의:JavaScript 스위치

JavaScript 참조 가이드:JavaScript continue 문

JavaScript 참조 가이드:JavaScript for 문

JavaScript 참조 가이드:JavaScript while 문

JavaScript 참조 가이드:JavaScript switch 문