JavaScript cho Vòng lặp
Thí dụ
Lặp lại (lặp lại) một khối mã năm lần:
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
Vòng lặp (lặp lại) một mảng để thu thập tên xe:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
- Vòng lặp bắt đầu ở vị trí 0 (
let i = 0
). - Vòng lặp tự động tăng lên
i
cho mỗi lần chạy. - 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 for
lệnh xác định một khối mã được thực thi miễn là một điều kiện
true
.
Ghi chú
Nếu bạn bỏ qua câu lệnh 2, bạn phải cung cấp dấu ngắt bê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 sẽ làm hỏng trình duyệt của bạn.Xem thêm:
Cú pháp
for (statement 1; statement 2; statement 3) {
code block to be executed
}
Thông số
Parameter | Description |
statement 1 | Optional. Executed before the code block starts. Normally used to initialize a counter variable. To initiate multiple values, separate each value with a comma. This parameter can be omitted, but not the semicolon ";" |
statement 2 | Optional. The condition for running the code block. If it returns true the loop will start over again, otherwise the loop will end.This parameter can be omitted, but not the semicolon ";" |
statement 3 | Optional. Executed after the code block. Normally used to increment the counter variable. This parameter can be omitted (e.g. to increase/decrease values inside the loop) |
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 | Vòng lặp 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ác ví dụ khác
Bắt đầu nhiều giá trị trong tham số đầu tiên:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Bỏ qua các tham số đầu tiên (đặt các giá trị trước khi bắt đầu vòng lặp):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Sử dụng continue
- Lặp qua một khối mã, nhưng bỏ qua giá trị 3:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
Sử dụng break
- Vòng lặp một khối mã, nhưng thoát khỏi vòng lặp khi i == 3
:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
Bỏ qua tham số thứ hai.
Sử dụng break
để thoát khỏi vòng lặp, nếu không vòng lặp sẽ không bao giờ kết thúc và trình duyệt của bạn sẽ gặp sự cố:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
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 = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
Bỏ qua tham số cuối cùng và tăng các giá trị bên trong vòng lặp:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
Vòng một NodeList và thay đổi màu của tất cả các phần tử p trong danh sách:
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
Một vòng lặp lồng nhau (một vòng lặp bên trong một vòng lặp):
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
Hỗ trợ trình duyệt
for
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 |