Break trong JavaScript và cách thoát khỏi vòng lặp | Laptrinhcanban.com

Break trong JavaScript và cách thoát khỏi vòng lặp

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');

//> hello 1
//> hello 2
//> hello 3
//> 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:

Lệnh break trong JavaScript

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 <= 10){
console.log(num);
num++;
}
//> 1
//> 2
//> 3
//> 4
//> 5
//> 6
//> 7
//> 8
//> 9
//> 10

Tuy nhiên khi chúng ta sử dụng thêm lệnh break và muốn dừng vòng lặp khi biến num đạt giá trị bằng 2, chương trình sẽ chạy như sau:

let num = 1;

while (num <= 10){
console.log(num);
if(num == 2){
console.log("BREAK!");
break;
}
num++ ;
}
//> 1
//> 2
//> BREAK!

Bạn có thể thấy chúng ta đã thoát khỏi vòng lặp trong JavaScript bằng lệnh break tại vị trí num ==2 rồi phải không nào?

Về cách sử dụng vòng lặp while, hãy xem chi tiết tại bài viết Vòng lặp while trong JavaScript

Lại nữa, câu lệnh break cũng thường được sử dụng kết hợp với vòng lặp while true để thoát khỏi một vòng lặp vô hạn trong JavaScript. Ví dụ:

let num = 1;

while (true){
console.log(num);
if(num == 10){
break;
}
num++
}
//> 1
//> 2
//> 3
//> 4
//> 5
//> 6
//> 7
//> 8
//> 9
//> 10

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

Chúng ta sử dụng lệnh break để thoát khỏi vòng lặp for trong JavaScript theo điều kiện mà bạn muốn. Lệnh for 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 for đều bị dừng giữa chừng.

Ví dụ, chúng ta dừng lệnh tính tổng một dãy số nguyên dương nhỏ hơn 100 khi tổng đó lớn hơn 10 như sau:

let sum = 0;
for (let i = 1; i <=100; i++){
sum += i ;
if (sum >= 10){
break;
}
console.log(sum);
}
//> 1
//> 3
//> 6

Về cách sử dụng vòng lặp for, hãy xem chi tiết tại bài viết Vòng lặp for trong JavaScript

Tổng kết

Trên đây Kiyoshi đã hướng dẫn bạn về cách sử dụng lệnh break trong JavaScript rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.

HOME>> >>

Profile
きよしです!笑

Tác giả : Kiyoshi (Chis Thanh)

Kiyoshi là một cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản.