Vòng lặp While của JavaScript

Vòng lặp sẽ tiếp tục thực thi khối mã nếu điều kiện là true.

Vòng lặp While

Vòng lặp while sẽ lặp lại khối mã cho đến khi điều kiện được chỉ định là true.

Cú pháp

while (Điều kiện) {
    Khối mã cần thực thi
}

Mô hình

Trong ví dụ sau, mã trong vòng lặp sẽ được thực thi một lần sau mỗi lần, miễn là biến (i) nhỏ hơn 10:

while (i < 10) {
    text += "Số là " + i;
    i++;
}

Thử nghiệm trực tiếp

Nếu bạn quên tăng biến trong điều kiện, vòng lặp sẽ không bao giờ kết thúc. Điều này có thể dẫn đến sự cố sụp đổ của trình duyệt.

Vòng lặp Do/While

Vòng lặp do/while là một biến thể của vòng lặp while. Trước khi kiểm tra điều kiện có phải là true hay không, loại vòng lặp này sẽ thực thi một lần khối mã, sau đó sẽ lặp lại nếu điều kiện vẫn là true.

Cú pháp

do {
    Khối mã cần thực thi
}
while (Điều kiện);

Mô hình

Ví dụ sau sử dụng vòng lặp do/while. Vòng lặp này sẽ thực thi ít nhất một lần, ngay cả khi điều kiện là false, vì khối mã sẽ được thực thi trước khi kiểm tra điều kiện:

do {
    text += "Số là " + i;
    i++;
 }
while (i < 10);

Thử nghiệm trực tiếp

while (i < 10);

Đừng quên tăng giá trị của biến trong điều kiện, nếu không vòng lặp sẽ không bao giờ kết thúc!

So sánh For và While

Vòng lặp trong ví dụ này sử dụng Nếu bạn đã đọc các chương trước về vòng lặp, bạn sẽ thấy rằng vòng lặp while tương đương với vòng lặp for, trong đó câu lệnh 1 và câu lệnh 2 đều có thể bỏ qua.Để lấy các thương hiệu xe từ mảng cars:

Mô hình

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
Vòng lặp for
    text += cars[i] + "<br>";
    i++;
}

Thử nghiệm trực tiếp

Vòng lặp trong ví dụ này sử dụng Vòng lặp whileĐể lấy các thương hiệu xe từ mảng cars:

Mô hình

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

Thử nghiệm trực tiếp

Sách giáo khoa

Nếu bạn cần thêm thông tin về Câu lệnh while của JavaScriptVề kiến thức này, hãy đọc các nội dung liên quan trong Hướng dẫn nâng cao JavaScript:

Câu lệnh lặp lại ECMAScript
Câu lệnh lặp lại được gọi là câu lệnh vòng lặp. Bài này sẽ giới thiệu cho bạn bốn câu lệnh lặp lại được cung cấp bởi ECMAScript.