For、While 和 Do While 循环 Java脚本(附示例)

如何使用循环?

当您需要重复执行相同的代码行(执行特定次数或只要特定条件为真)时,循环非常有用。假设您想在网页中输入 100 次“Hello”消息。当然,您必须复制并粘贴同一行 100 次。相反,如果您使用循环,您只需 3 或 4 行即可完成此任务。

使用循环 Javascript

不同类型的循环

主要有四种类型的循环 JavaScript.

  1. for循环
  2. for/in 循环(稍后解释)
  3. while循环
  4. 做…while 循环

for循环

语法:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. 在执行循环代码之前,statement1 会先执行。因此,此语句通常用于为循环内要使用的变量赋值。
  2. statement2是执行循环的条件。
  3. 每次执行循环代码后都会执行statement3。

自己尝试一下:

<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>

while循环

语法:

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

只要指定的条件为真,就会执行“while 循环”。在 while 循环中,您应该包含将在某个时间点结束循环的语句。否则,您的循环将永远不会结束,并且您的浏览器可能会崩溃。

自己尝试一下:

<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>

做…while 循环

语法:

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

do…while 循环与 while 循环非常相似。唯一的区别是,在 do…while 循环中,代码块在检查条件之前就执行了一次。

自己尝试一下:

<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>