For, While và Do While LOOP trong JavaKịch bản (có ví dụ)

Bởi: James Hartman James Hartman
Hours cập nhật

Làm thế nào để sử dụng Vòng lặp?

Vòng lặp rất hữu ích khi bạn phải thực thi lặp đi lặp lại cùng một dòng mã, trong một số lần cụ thể hoặc miễn là một điều kiện cụ thể là đúng. Giả sử bạn muốn nhập tin nhắn 'Xin chào' 100 lần trên trang web của mình. Tất nhiên, bạn sẽ phải sao chép và dán cùng một dòng 100 lần. Thay vào đó, nếu sử dụng vòng lặp, bạn có thể hoàn thành tác vụ này chỉ trong 3 hoặc 4 dòng.

Sử dụng vòng lặp trong Javascript

Các loại vòng lặp khác nhau

Chủ yếu có bốn loại vòng lặp trong JavaScript.

  1. vòng lặp for
  2. for/in một vòng lặp (giải thích sau)
  3. trong khi lặp lại
  4. vòng lặp do...while

vòng lặp for

Cú pháp:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. Câu lệnh 1 được thực thi trước ngay cả trước khi thực thi mã lặp. Vì vậy, câu lệnh này thường được sử dụng để gán giá trị cho các biến sẽ được sử dụng bên trong vòng lặp.
  2. Câu lệnh 2 là điều kiện để thực hiện vòng lặp.
  3. Câu lệnh 3 được thực thi mỗi lần sau khi mã lặp được thực thi.

Hãy tự mình thử điều này:

<html>
<head>
	<script type="text/javascript">
		var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
		document.write("<b>Using for loops </b><br />");
		for (i=0;i<students.length;i++)
		{
		document.write(students[i] + "<br />");
		}
	</script>
</head>
<body>
</body>
</html>

trong khi lặp lại

Cú pháp:

while(condition)
{
lines of code to be executed
}

“Vòng lặp while” được thực thi miễn là điều kiện được chỉ định là đúng. Bên trong vòng lặp while, bạn nên bao gồm câu lệnh sẽ kết thúc vòng lặp tại một thời điểm nào đó. Nếu không, vòng lặp của bạn sẽ không bao giờ kết thúc và trình duyệt của bạn có thể bị sập.

Hãy tự mình thử điều này:

<html>
<head>
	<script type="text/javascript">
		document.write("<b>Using while loops </b><br />");
		var i = 0, j = 1, k;
		document.write("Fibonacci series less than 40<br />");
		while(i<40)
		{
			document.write(i + "<br />");
			k = i+j;
			i = j;
			j = k;
		}
	</script>
</head>
<body>
</body>
</html>

vòng lặp do...while

Cú pháp:

do
{
block of code to be executed
} while (condition)

Vòng lặp do…while rất giống với vòng lặp while. Sự khác biệt duy nhất là trong vòng lặp do…while, khối mã được thực thi một lần ngay cả trước khi kiểm tra điều kiện.

Hãy tự mình thử điều này:

<html>
<head>
	<script type="text/javascript">
		document.write("<b>Using do...while loops </b><br />");
		var i = 2;
		document.write("Even numbers less than 20<br />");
		do
		{
			document.write(i + "<br />");
			i = i + 2;
		}while(i<20)
	</script>
</head>
<body>
</body>
</html>

Bạn có thể thích: