Vòng lặp ‘ for ‘ là dạng vòng lặp nhỏ gọn nhất. Nó bao gồm ba phần quan trọng sau
- Khởi tạo vòng lặp nơi chúng tôi khởi tạo bộ đếm của mình thành giá trị bắt đầu. Câu lệnh khởi tạo được thực thi trước khi vòng lặp bắt đầu.
- Câu lệnh kiểm tra sẽ kiểm tra xem một điều kiện đã cho có đúng hay không. Nếu điều kiện là đúng, thì mã đưa ra bên trong vòng lặp sẽ được thực thi, nếu không, điều khiển sẽ thoát ra khỏi vòng lặp.
- Câu lệnh lặp trong đó bạn có thể tăng hoặc giảm bộ đếm của mình.
Bạn có thể đặt cả ba phần trong một dòng được phân tách bằng dấu chấm phẩy.
Sơ đồ
Lưu đồ của vòng lặp for trong JavaScript sẽ như sau –
cú pháp
Cú pháp của vòng lặp for là JavaScript như sau
for (initialization; test condition; iteration statement) {
Statement(s) to be executed if test condition is true
}
Ví dụ
Hãy thử ví dụ sau để tìm hiểu cách hoạt động của vòng lặp for trong JavaScript.
<html>
<body>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%20%3D%20%22text%2Fjavascript%22%3E%0A%20%20%20%20%20%20%20%20%20%3C!--%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20count%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20document.write(%22Starting%20Loop%22%20%2B%20%22%3Cwp-br%20%2F%3E%22)%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20for(count%20%3D%200%3B%20count%20%3C%2010%3B%20count%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write(%22Current%20Count%20%3A%20%22%20%2B%20count%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.write(%22%3Cwp-br%20%2F%3E%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20document.write(%22Loop%20stopped!%22)%3B%0A%20%20%20%20%20%20%20%20%20%2F%2F--%3E%0A%20%20%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
<p>Set the variable to different value and then try...</p>
</body>
</html>
Kết quả
Starting Loop Current Count : 0 Current Count : 1 Current Count : 2 Current Count : 3 Current Count : 4 Current Count : 5 Current Count : 6 Current Count : 7 Current Count : 8 Current Count : 9 Loop stopped! Set the variable to different value and then try...
