Vòng lặp thực thi một khối lệnh theo một số lần nhất định nào đó,hoặc thực thi khi điều kiện nào đó vẫn còn đúng.
Vòng lặp JavaScript ?
Thông thường khi bạn viết code,đôi khi bạn muốn một khối lệnh nào đó chạy đi chạy lại nhiều lần.Thay vì viết thành nhiều lần ( rất tốn thời gian và công sức) bạn có thể sử dụng vòng lặp để thực hiện một công việc như thế.
Trong JS có 2 loại vòng lặp khác nhau:
For – một khối lệnh trong vòng lặp sẽ được thực thi theo số lần nhất định nào đó.
While- một khối lệnh trong vòng lặp sẽ được thi khi một điều kiện nào đó vẫn còn đúng.
Vòng lặp for ?
Vòng lặp này được dùng khi bạn biết trước được số lần có thể chạy của vòng lặp. Cú pháp:
for (var=startvalue;var<=endvalue;var=var+increment) {
code to be executed
}
thực ra nếu như các bạn đã biết về C rồi thì vấn đề này không có gì là khó cả. ví dụ:
ví dụ dưới đây định nghĩa một vòng lặp bắt đầu với i=0,vòng lặp sẽ tiếp tục chạy chừng nào mà i còn bé hơn hoặc bằng 5.Khi I lớn hơn 5 thì vòng lặp sẽ dừng lại.
<html> <body>
<script type="text/javascript">
for (i = 0; i <= 5; i++) {
document.write("The number is " + i); document.write("<br />");
}
</script> </body> </html>
Và dưới đây là kết quả : The number is 0
The number is 1 The number is 2
The number is 3 The number is 4 The number is 5
Vòng lặp for…in ?
Vòng lặp này dựa trên các yếu tố của mảng(array) hoặc các thuộc tính của đối tượng. Cú pháp :
for (variable in object) {
code to be executed
}
chú ý rằng khối lệnh nằm trong vòng lặp này được thực thi một lần cho mỗi phần tử của đối tượng. đối số của vòng lặp có thể là tên một biến,một phần tử của mảng,hoặc thuộc tính của đối tượng. ví dụ:
sử dụng vòng lặp for…in để tương tác với mảng(array) <html>
<body>
<script type="text/javascript">
var x;
var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (x in mycars) { document.write(mycars[x] + "<br />"); } </script> </body> </html>
Kết quả như sau: Saab
Volvo BMW
Vòng lặp while ?
Khi bạn không thể biết trước được chính xác số lần có thể lặp của vòng lặp thì nên sử dụng vòng lặp này.
Cú pháp: while (var<=endvalue) { code to be executed } ví dụ:
ví dụ này xác định một vòng lặp bắt đầu với i=0,vòng lặp sẽ tiếp tục thực thi khối lệnh nằm trong nó chừng nào điều kiện (i<=5) vẫn còn đúng
<html> <body>
<script type="text/javascript"> i=0;
while (i<=5) {
document.write("The number is " + i); document.write("<br />");
i++; }
</script>
Vòng lặp do…while ?
Thực ra thì vòng lặp này cũng giống như vòng lặp while mà thôi,chỉ có điều là nó sẽ thực khối lệnh trong vòng lặp tối thiểu là một lần.( trong khi ở vòng lặp while có khi khối lệnh sẽ không được thực hiện một lần nào). Cú pháp: do { code to be executed } while (var<=endvalue); ví dụ: <html> <body>
<script type="text/javascript"> i = 0;
do
{
document.write("The number is " + i); document.write("<br />");
i++; }
while (i <= 5)
</script>
Kết quả sẽ như sau: The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5