JavaScript流程控制

最新推荐文章于 2022-07-29 20:50:09 发布

原创最新推荐文章于 2022-07-29 20:50:09 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了JavaScript中的三种主要流程控制结构：顺序结构、选择结构（包括if...else和switch）和循环结构（while、do...while和for）。通过实例展示了如何判断一个数是否为整数，以及查找“水仙花数”的过程，并使用三种不同循环结构计算1到100的和。

在Javascript中，有三种流程控制方式：

顺序结构
选择结构
循环结构

顺序结构

按照从上到下、从左到右的顺序执行

选择结构

选择结构：if

单向选择：if...
单向选择：if...else...
多向选择：if...else if...else...
if语句的嵌套

选择结构：switch

循环结构：while

while语句
do...while语句
for语句

判断整数或小数

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script>
		var n = 3.14;
		if (parseInt(n.toString()) == parseFloat(n.toString())) 
		{
			document.write(n+"是整数");
		}else
		{
			document.write(n+"是小数");
		}
	</script>
</head>
<body>
</body>
</html>

找出“水仙花数”

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script>
		var str = "";
		for(var i=100;i<1000;i++){
			var a=i%10;
			var b=(i/10)%10;
			b=parseInt(b);
			var c=i/100;
			c=parseInt(c);
			if(i==a*a*a+b*b*b+c*c*c){
				str=str+i+" ";
			}
		}
		document.write("水仙花数有："+str);
	</script>
</head>
<body>
</body>
</html>

三种循环计算1+2+3+...+100的值

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script>
		var sum=0;
		for(var i=1;i<=100;i++){
			sum+=i;
		}
		document.write(sum);
	</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script>
		var sum=0;
		var i=1;
		while(i<=100){
			sum+=i;
			i++;
		}
		document.write(sum);
	</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script>
		var sum=0;
		var i=0;
		do{
			sum+=i;
			i++;
		}while(i<=100);
		document.write(sum);
	</script>
</head>
<body>
</body>
</html>