Trong JavaScript, vòng lặp for là câu lệnh điều khiển cơ bản cho phép bạn thực thi mã lặp đi lặp lại trong một số lần cố định
cú pháp
Cú pháp của vòng lặp for trong JavaScript là
for [initialize; test; increment] {
// statements
}
Tham số hoặc Đối số
khởi tạo Khai báo biến đếm và gán giá trị ban đầu cho nó. Ví dụ: để khởi tạo một biến có tên là bộ đếm và đặt giá trị của nó thành 1, bạn có thể sử dụngfor [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
2testĐiều kiện được kiểm tra mỗi lần đi qua vòng lặp. Nếu điều kiện đánh giá là TRUE, thân vòng lặp được thực hiện. Nếu điều kiện là FALSE thì vòng lặp kết thúc. Ví dụ: for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
3incrementGiá trị gia tăng cho vòng lặp. Bạn có thể tăng hoặc giảm bộ đếm. Ví dụ: bạn có thể sử dụng for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
4 để tăng bộ đếm lên 1 hoặc bạn có thể sử dụng for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
5 để giảm bộ đếm đi 1. câu lệnhCác câu lệnh của mã để thực thi mỗi lần đi qua vòng lặpGhi chú
- Bạn sẽ sử dụng vòng lặp for khi bạn muốn thực hiện thân vòng lặp một số lần cố định
- Xem thêm câu lệnh break để sớm thoát khỏi vòng lặp for
Ví dụ
Hãy xem một ví dụ cho thấy cách sử dụng vòng lặp for trong JavaScript
Ví dụ
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
Trong ví dụ về vòng lặp for này, vòng lặp sẽ tiếp tục miễn là bộ đếm nhỏ hơn 5 như được chỉ định bởi.
counter < 5
;
Vòng lặp for sẽ tiếp tục trong khi bộ đếm < 5. Và khi bộ đếm >= 5 thì vòng lặp sẽ kết thúc.
Trong ví dụ này, phần sau đây sẽ được xuất ra nhật ký bảng điều khiển trình duyệt web
1 - Inside for loop on TechOnTheNet.com 2 - Inside for loop on TechOnTheNet.com 3 - Inside for loop on TechOnTheNet.com 4 - Inside for loop on TechOnTheNet.com 5 - Done for loop on TechOnTheNet.com
Khai báo biến đếm bên ngoài vòng lặp for
Bạn không bắt buộc phải khai báo biến đếm trong vòng lặp for. Thay vào đó, bạn có thể viết lại mã của mình như sau
________số 8Trong ví dụ về vòng lặp for này, biến bộ đếm được khai báo trước câu lệnh vòng lặp for như được chỉ định bởi.
var counter;
Giảm biến đếm trong vòng lặp for
Theo truyền thống, hầu hết các vòng lặp for đều có bộ đếm tăng dần, nhưng bạn cũng có thể giảm bộ đếm. Hãy xem một ví dụ
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
0Trong ví dụ về vòng lặp for này, biến bộ đếm được giảm theo chỉ định của.
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
1Trong ví dụ này, phần sau đây sẽ được xuất ra nhật ký bảng điều khiển trình duyệt web
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
2Gia số phức tạp hơn trong vòng lặp for
Mặc dù hầu hết vòng lặp for được tăng thêm 1, nhưng bạn có thể chọn mức tăng khác 1. Hãy xem một ví dụ mà chúng ta sử dụng số gia tăng 5 trong vòng lặp for
Một ngôi + & Một ngôi –
Toán tử so sánh
Chúng ta sử dụng các toán tử tăng và giảm để tăng hoặc giảm giá trị của biến đi một. JavaScript sử dụng
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
3 [tăng] & for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
4 [giảm] để biểu thị chúng. Chúng ta có thể thêm tiền tố hoặc hậu tố các toán tử nàyMục lục
Cú pháp của toán tử tăng & giảm
Toán tử gia tăng
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
5 hoặc for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
6. Điều này bằng với for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
7Toán tử giảm dần
for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
8 hoặc for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
9. Điều này bằng với for [var counter = 1; counter < 5; counter++] {
console.log[counter + ' - Inside for loop on TechOnTheNet.com'];
}
console.log[counter + ' - Done for loop on TechOnTheNet.com'];
0Ví dụ
1
2
3
4
5
hãy x = 10
++ x; //tăng giá trị
bảng điều khiển. log[x]; //11
1
2
3
4
5
6
hãy x = 10
x -- ; //giảm giá trị
bảng điều khiển. log[x]; //9
Tiền tố và Hậu tố
Có hai cách bạn có thể sử dụng toán tử. Một là trước toán hạng, được gọi là Tiền tố. Phương pháp khác là sử dụng nó sau toán hạng, được gọi là Postfix