Vòng lặp while bằng JavaScript
Ví dụ
Lặp lại một khối mã miễn là ai nhỏ hơn 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Hãy tự mình thử »Lặp lại (lặp lại) một mảng để thu thập tên ô tô:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
Hãy tự mình thử »- Vòng lặp bắt đầu ở vị trí 0 (
let i = 0
). - Vòng lặp tăng
i
cho mỗi lần chạy (i++
). - Vòng lặp chạy chừng nào
i < cars.length
.
Thêm ví dụ dưới đây.
Sự miêu tả
Câu lệnh while
tạo ra một vòng lặp (bao gồm một khối mã) được thực thi khi một điều kiện là true
.
Vòng lặp chạy khi điều kiện true
. Nếu không thì nó dừng lại.
Xem thêm:
Câu lệnh vòng lặp JavaScript
Tuyên bố | Sự miêu tả | |
phá vỡ | Thoát khỏi vòng lặp | |
Tiếp tục | Bỏ qua một giá trị trong vòng lặp | |
trong khi | Lặp lại một khối mã khi điều kiện đúng | |
làm trong khi | Lặp lại một khối mã một lần và sau đó khi điều kiện còn đúng | |
vì | Lặp lại một khối mã khi điều kiện đúng | |
cho...của | Lặp lại các giá trị của bất kỳ lần lặp nào | |
tại | Lặp lại các thuộc tính của một đối tượng |
Cú pháp
while (condition) {
code block to be executed
}
Thông số
Parameter | Description |
condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
Ghi chú
Nếu điều kiện luôn đúng thì vòng lặp sẽ không bao giờ kết thúc. Điều này sẽ làm hỏng trình duyệt của bạn.
Nếu bạn sử dụng một biến trong điều kiện, bạn phải khởi tạo biến đó trước vòng lặp và tăng biến đó trong vòng lặp. Nếu không vòng lặp sẽ không bao giờ kết thúc. Điều này cũng sẽ làm hỏng trình duyệt của bạn.
Thêm ví dụ
Lặp lại một mảng theo thứ tự giảm dần (tăng âm):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Hãy tự mình thử »Sử dụng break - Lặp qua một khối mã nhưng thoát khỏi vòng lặp khi i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Hãy tự mình thử »Sử dụng continue - Lặp qua một khối mã nhưng bỏ qua giá trị 3:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Hãy tự mình thử »Hỗ trợ trình duyệt
while
là tính năng ECMAScript1 (ES1).
ES1 (JavaScript 1997) được hỗ trợ đầy đủ trên tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |