Câu lệnh break trong JavaScript

Định nghĩa và cách sử dụng

Câu lệnh break thoát khỏi câu lệnh switch hoặc vòng lặp (for, for...in, while, do...while).

Khi câu lệnh break được sử dụng cùng với câu lệnh switch, nó sẽ thoát khỏi khối switch. Điều này sẽ dừng việc thực thi thêm mã và/hoặc kiểm tra case trong khối.

Khi sử dụng câu lệnh break trong vòng lặp, nó sẽ ngắt vòng lặp và tiếp tục thực thi mã sau vòng lặp (nếu có).

Câu lệnh break còn có thể được sử dụng cùng với tham chiếu nhãn tùy chọn để "thoát" khỏi bất kỳ khối mã JavaScript nào (xin xem thêm "Các ví dụ khác" dưới đây).

Ghi chú:Nếu không tham chiếu nhãn, câu lệnh break chỉ có thể được sử dụng trong vòng lặp hoặc switch.

Mô hình

Trong ví dụ này, chúng ta sẽ sử dụng vòng lặp for và câu lệnh break.

Vòng lặp một đoạn mã, nhưng khi biến i bằng "3" thì thoát khỏi vòng lặp:

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i === 3) {
    break;
  }
  text += "Số là " + i + "<br>";
}

Thử ngay

Có nhiều ví dụ TIY khác ở dưới trang.

Cú pháp

break;

Sử dụng thẻ nhãn tùy chọn để tham chiếu:

break labelname;

Chi tiết kỹ thuật

Phiên bản JavaScript: ECMAScript 1

Các ví dụ khác

Mô hình

Trong ví dụ này, chúng ta sẽ sử dụng vòng lặp while và câu lệnh break.

Vòng lặp một đoạn mã, nhưng khi biến i bằng "3" thì thoát khỏi vòng lặp:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Số là " + i;
  i++;
  if (i === 3) {
    break;
  }
}

Thử ngay

Mô hình

Thoát khỏi khối switch để đảm bảo chỉ thực hiện một 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;
}

Thử ngay

Mô hình

Sử dụng lệnh break với tham chiếu nhãn để "thoát" khỏi khối mã 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>"; 
}

Thử ngay

Mô hình

Sử dụng lệnh break với tham chiếu nhãn để "thoát" khỏi vòng lặp for嵌套:

var text = "";
var i, j;
Loop1: // Vòng lặp for thứ nhất được đánh dấu là "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
  Loop2: // Vòng lặp for thứ hai được đánh dấu là "Loop2"
  for (j = 0; j < 5; j++) {
    if (j === 2) {
      break Loop1;
    }
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

Thử ngay

Hỗ trợ trình duyệt

Câu Chrome IE Firefox Safari Opera
break Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Hướng dẫn JavaScript:Break và Continue trong JavaScript

Hướng dẫn JavaScript:Vòng lặp For trong JavaScript

Hướng dẫn JavaScript:Vòng lặp While trong JavaScript

Hướng dẫn JavaScript:JavaScript Switch

Hướng dẫn tham khảo JavaScript:Câu lệnh continue trong JavaScript

Hướng dẫn tham khảo JavaScript:Câu lệnh for trong JavaScript

Hướng dẫn tham khảo JavaScript:Câu lệnh while trong JavaScript

Hướng dẫn tham khảo JavaScript:Câu lệnh switch trong JavaScript