Hướng dẫn dùng breaj JavaScript

Nội dung chính

• Lệnh break trong JavaScript
• Sử dụng lệnh break để thoát khỏi vòng lặp while trong JavaScript
• Sử dụng lệnh break để thoát khỏi vòng lặp for trong JavaScript
• Tổng kết

Hướng dẫn cách sử dụng lệnh break trong JavaScript. Bạn sẽ học được cách dùng lệnh break để thoát khỏi vòng lặp trong JavaScript sau bài học này.

Lệnh break trong JavaScript

Lệnh break trong JavaScript được sử dụng để thoát khỏi vòng lặp trong JavaScript khi điều kiện chỉ định được thỏa mãn. Các vòng lặp trong JavaScript như vòng lặp while hoặc vòng lặp for sẽ buộc phải kết thúc khi câu lệnh break được thực thi.

Cú pháp của lệnh break trong JavaScript như sau:

break;

Câu lệnh break trong JavaScript được sử dụng kết hợp với câu lệnh if trong JavaScript và được miêu tả trong khối lệnh while hoặc khối lệnh for giống như sau đây:

while [biểu thức điều kiện while] {
    Câu lệnh 1 ;
    Câu lệnh 2 ;
    if [biểu thức điều kiện if]{
        break;
        }
}

Để hiểu rõ hơn, chúng ta sẽ sử dụng lại ví dụ trong bài While trong JavaScript và cách xử lý chi tiết. Chúng ta có một vòng lặp while để in ra màn hình 3 lần dòng hello như sau:

let i = 1;
while[i < 4]{
 console.log["hello " + i];
  i += 1;
}
console.log['bye'];

Chúng ta sẽ dùng lệnh break để dừng vòng lặp while tại vòng lặp thứ 2 khi i=2 như sau:

let i = 1;
while[i < 4]{
  if [i == 2]{
    console.log["BREAK!"];
    i += 1;
    break;
    }  
  console.log["hello " + i]
  i += 1;
}
console.log['bye'];

Khi đó vòng lặp while break trong JavaScript sẽ chạy như sau:
Lượt lặp đầu tiên:

1. Khai báo biến i và gán giá trị ban đầu i = 1
2. Biểu thức điều kiện i < 3 là TRUE nên thực thi vòng lặp
3. Biểu thức điều kiện IF i == 2 là là False nên khối lệnh if [chứa lệnh break] được bỏ qua
4. Chạy lệnh console.log["hello " + i]; trong khối lệnh
5. Biểu thức thay đổi tăng giá trị i lên 1 đơn vị thành i=2

Lượt lặp thứ 2:

1. Biểu thức điều kiện For [i < 3] là TRUE nên thực thi vòng lặp
2. Biểu thức điều kiện IF i == 2 là True nên các lệnh trong khối if [bao gồm cả lệnh break] được thực thi. Do lệnh break được chạy nên vòng lặp bị dừng lại và chúng ta thoát khỏi vòng lặp.

Ngoài vòng lặp:

1. Chạy lệnh tiếp theo console.log['bye'] sau khi thoát vòng lặp.

Kết quả, vòng lặp while ở trên sẽ in ra màn hình console như sau:

hello 1
BREAK!
bye

Chúng ta có thể khái quát xử lý bằng sơ đồ khối của lệnh break trong JavaScript khi sử dụng trong vòng lặp while như sau:

Sử dụng lệnh break để thoát khỏi vòng lặp while trong JavaScript

Chúng ta sử dụng lệnh break để thoát khỏi vòng lặp while trong JavaScript theo điều kiện mà bạn muốn. Lệnh while sẽ dừng lại khi lệnh break được thực hiện, tất cả các xử lý sau lệnh break cũng như các lượt lặp còn lại trong lệnh while đều bị dừng giữa chừng.

Hãy xem ví dụ về vòng lặp while để in ra các số từ 1 đến 10. Nếu không sử dụng lệnh break thì chương trình sẽ chạy như sau:

let num = 1;

while [num