Khi
bạn muốn thực hiện điều gì đó nhiều lần thì chúng ta sử dụng vòng lặp FOR hoặc
vòng lặp WHILE
a. Lệnh chu trình FOR
Cú pháp:
Dạng
1: Dạng lệnh này thường dùng để duyện qua một mảng dữ liệu hoặc thuộc tính
của một đối tượng
FOR (variable
in object)
{
code to be executed
}
Dạng 2:
FOR
(startValue; endValue;varIncrement)
{
//Code goes
here
}
startValue: giá trị bắt đầu
endValue: giá trị cuối cùng
varIncrement: giá trị tăng của vòng lặp
Ví dụ:
<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>
Ví dụ: In ra giá trị từ 1 đến 20
<script
type="text/javascript">
var i;
for (i=1;i<=20;i++)
{
document.write("The number
is " + i);
document.write("<br
/>");
}
</script>
Ví dụ: In ra các trị chẵn từ 1 đến 20
<script
type="text/javascript">
var i;
for (i=2;i<=20;i +=2)
{
document.write("The number
is " + i);
document.write("<br
/>");
}
</script>
Ví dụ 3: In ra các giá trị lẻ từ 1-20
<script
type="text/javascript">
var i;
for (i=1;i<=20;i +=2)
{
document.write("The number
is " + i);
document.write("<br
/>");
}
</script>
Ví dụ 4: In ra các giá trị từ 20 – 1
<script
type="text/javascript">
var i;
for (i=20;i>=1;i--)
{
document.write("The number
is " + i);
document.write("<br
/>");
}
</script>
b. Lệnh chu trình WHILE
Vòng lặp while thực hiện một khối lệnh khi điều kiện thỏa và
dừng lại ngay khi điều kiện không thỏa
Cú pháp:
while
(var<=endvalue)
{
code to be executed
}
Ví dụ:
<script
type="text/javascript">
var i=0;
while (i<=5)
{
document.write("The
number is " + i);
document.write("<br
/>");
i++;
}
</script>
c. Lệnh chu trình DO... WHILE
Vòng lặp này sẽ thực hiện khối lệnh một lần sau đó,
rồi sau đó kiểm tra điều kiện nếu đúng sẽ thực hiện lại khối lệnh đó một lần
nữa
Cú pháp:
DO
{
code to be executed
}
WHILE
(var<=endvalue);
Ví dụ:
<html>
<body>
<script
type="text/javascript">
var i=0;
do
{
document.write("The number
is " + i);
document.write("<br
/>");
i++;
}
while (i<=5);
</script>
</body>
</html>
Posted in: Chuyên đề JavaScript cơ bản
