JavaScript trong khi vòng lặp
Thí dụ
Vòng 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++;
}
Vòng lặp (lặp lại) một mảng để thu thập tên xe:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- Vòng lặp bắt đầu ở vị trí 0 (
let i = 0
). - Gia số vòng lặp
i
cho mỗi lần chạy (i++
). - Vòng lặp chạy càng lâu
i < cars.length
.
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Câu while
lệnh tạo một vòng lặp (araund một khối mã) được thực thi trong khi một điều kiện là
true
.
Vòng lặp chạy trong khi điều kiện là true
. Nếu không, nó sẽ dừng lại.
Xem thêm:
Các tuyên bố về vòng lặp JavaScript
Bản tường trình | Sự miêu tả | |
nghỉ | Thoát ra khỏi vòng lặp | |
tiếp tục | Bỏ qua một giá trị trong một vòng lặp | |
trong khi | Vòng lặp một khối mã trong khi một điều kiện là đúng | |
làm trong khi | Lặp lại một khối mã một lần và sau đó trong khi một điều kiện là đúng | |
vì | Vòng lặp một khối mã trong khi một điều kiện là đúng | |
cho ... trong số | Vòng lặp các giá trị của bất kỳ giá trị nào có thể lặp lại | |
tại | Vòng lặp 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, 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 nó trước vòng lặp và tăng dần 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.
Các ví dụ khác
Lặp lại một mảng theo thứ tự giảm dần (số tăng âm):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Sử dụng break - Lặp qua một khối mã, nhưng thoát khỏi vòng lặp khi tôi == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Sử dụng tiếp tục - 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ỗ trợ trình duyệt
while
là một tính năng ECMAScript1 (ES1).
ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |