JavaScript语言基础14

最新推荐文章于 2018-09-07 20:11:48 发布

IT界的吉祥物

最新推荐文章于 2018-09-07 20:11:48 发布

阅读量1.9k

点赞数 4

分类专栏： JavaScript JavaScript基础教程文章标签： JavaScript基础 Web前端 javascript while do...while

本文链接：https://blog.csdn.net/hai_qing_xu_kong/article/details/41385641

版权

JavaScript 同时被 2 个专栏收录

19 篇文章 1 订阅

订阅专栏

JavaScript基础教程

18 篇文章 7 订阅

订阅专栏

JavaScript循环语句------------------while循环语句。

while在循环条件为true时，一直保持循环状态，直到循环条件为false时退出循环。

模板如下：

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value=10;
	while(value>1){
		document.write(value+"<br>");
		value--;
	}	
</SCRIPT>
</BODY>
</HTML>

while循环语句包含一个循环条件和循环体，上述当value大于1时打印该值，当小于等于1时退出循环（我们在使用while循环语句时应该避免出现死循环，也就是循环条件一直为false）。

上面的while循环语句是先判断条件是否为ture，后执行。接下来看看先执行后判断，也就是至少执行一次循环体----------do...while()循环语句:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value=10;	
	do{
		document.write(value+"<br>");
	}while(value>20);
</SCRIPT>
</BODY>
</HTML>

上诉代码中当value大于20时执行循环体，实际value为10,，但从结果可以看出哪怕条件为false，do...while也执行了一次。

循环语句中的break语句和continue语句。

break语句的功能是终止循环语句，并跳出循环；continue语句的功能是跳过当前循环(continue语句下的代码块)，直接执行下次循环体。

break语句：

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value=10;	
	for(var i=0;i<10;i++){
		if(i==5){
			break;
		}
		document.write(value+"<br>");
		value--;
	}
</SCRIPT>
</BODY>
</HTML>

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value=10;	
	for(var i=0;i<10;i++){
		if(i==5){
			break;
		}
		document.write(value+"<br>");
		value--;
	}
</SCRIPT>
</BODY>
</HTML>

代码讲解:当i等于5时终止并跳出循环体。

continue语句：

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">	
	for(var value=0;value<10;value++){
		if(value==5){
			continue;
		}
		document.write(value+"<br>");
	}
</SCRIPT>
</BODY>
</HTML>

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">	
	var value=-1;
	while(value<9){
		value++;
		if(value==5){
			continue;
		}
		document.write(value+"<br>");
	}
</SCRIPT>
</BODY>
</HTML>

代码讲解:当i等于5时终止并跳过当前continue后的循环体一次后再执行。

转载请注明出处：http://blog.csdn.net/hai_qing_xu_kong/article/details/41385641 情绪控_