【前端灵魂脚本语言JavaScript③】——JS中的流程控制

北极的三哈

已于 2022-07-28 21:55:00 修改

阅读量1.6k

点赞数 40

分类专栏： # JavaScript基础 Web前端文章标签： javascript 前端开发语言学习

于 2022-07-14 21:58:35 首次发布

本文链接：https://blog.csdn.net/m0_68744965/article/details/125766052

版权

Web前端同时被 2 个专栏收录

7 篇文章 6 订阅

订阅专栏

JavaScript基础

5 篇文章 5 订阅

订阅专栏

在这里插入图片描述

🐚 作者: 阿伟
💂 个人主页: Flyme awei

🐋 希望大家多多支持😘一起进步呀！

💬 文章对你有帮助👉关注✨点赞👍收藏📂

JavaScript中的流程控制

在这里插入图片描述

文章目录

JavaScript中的流程控制

一、顺序结构

顺序结构表示程序中的各操作是按照它们出现的先后顺序执行的。

项目	Value
输入	0个或多个
输出	1个或多个
赋值	=

二、分支结构

1.if…else结构

定义月份，根据月份输出相应的季节。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var i = 10;
			if (i==12 || i==1 || i==2) {
				alert("冬季")
			} else if(i==3 || i== 4 || i==5){
				alert("春季")
			}else if(i==6 || i==7 || i==8){
				alert("夏季")
			}else if(i==9 || i==10 || i==11){
				alert("秋季")
			}else{
				alert("输入月份错误")
			}
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

2.switch语句

同样的用Switch语句来实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var i = 7;
			switch (i){
				case 3:
				case 4:
				case 5:
				alert("春季")
					break;
				case 6:
				case 7:
				case 8:
				alert("夏季")
					break;
				case 9:
				case 10:
				case 11:
				alert("秋季")
					break;
				case 12:
				case 1:
				case 2:
				alert("冬季")
					break
				default:
				alert("月份有误")
					break
			}
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

三、循环结构

JavaScript的循环结构基本和java中的一致

1.while语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var i =1;
			while(i<10){
				alert(i);
				i++;
			}
		</script>
	</head>
	<body>
	</body>
</html>

求1-100的和

2.do…while语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var sum =0;
			var j = 1;
			do{
				sum += j;
				j++;
			}while (j<=100){
				alert(sum)
			}

		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

3.for语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var sum2 = 0;
			for(var k=0;k<=100;k++){
				sum2 += k;
			}
			alert(sum2)
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

四、流程控制练习

打印九九乘法表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			for(var i =1;i<=9;i++){
                for(var j=1;j<=i;j++){
                    document.write(j+"*"+i+"="+i*j+"&emsp;")
            	}
            	document.write("<br/>")
           }
		</script>
	</head>
	<body>
	</body>
</html>