HTML——JS—流程控制

最新推荐文章于 2021-06-05 03:48:47 发布

Jhinhua

最新推荐文章于 2021-06-05 03:48:47 发布

阅读量230

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/piduocheng0577/article/details/104919216

版权

Web前端专栏收录该内容

72 篇文章 2 订阅

订阅专栏

流程控制

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
            /**
			 * 流程控制语句
			 * 		顺序语句 --- 代码是从上到下执行的
			 * 		分支语句
			 * 			判断结构 --- if语句
			 * 				if(条件表达式){
								条件成立时执行的语句	
							}
							
							if(条件表达式){
								条件成立时执行的语句	
							}else{
								条件不成立时执行的语句	
							}
							
							if(条件表达式1){
								条件1成立时执行的语句
							}else if(条件表达式2){
								条件2成立时执行的语句
							}...
							else{
								以上条件均不成立执行的语句
							}
							
			 * 			选择结构
			 * 				switch(表达式){
								case 值1：
									执行语句
									break
								case 值2：
									执行语句2
									break
								...
								default:
									执行语句
									break
							}
							case后跟随的是固定的数据 是一个明确的值
							是根据switch后面的表达式的结果可能出现的情况列出的选项
							如果其中一个选项满足 整个选择语句结构 通过break就结束
							default是case中列出的选项都不成立 执行default
							default的执行时机与其书写的位置没有关系
			 * 		循环语句
			 * 			while循环
			 * 				while(条件表达式){
								循环语句
							}
			 * 			do-while循环
			 * 				do{
								循环操作
							}while(条件表达式)
							
							do-while至少会执行一次循环操作
							
			 * 			for循环
			 * 				for(循环初始化语句;循环条件判断语句;循环后初始化条件变化的语句){
								
							}
							小括号中放的是三条语句， 因为语句结束的标记是分号 有两个分号
							初始化条件有多个 使用逗号分隔
							
							for(;;){}  死循环
							
			 * 			for-in循环
			 * 				for(变量 in  序列){
								这个变量获取的是序列的索引
							}
			 */
			
			// 用户录入数据的弹框
			// var score = parseInt(prompt("请输入一个成绩: "))
			// console.log(typeof score)
			// console.log(score)
			// // 这个方法接受到的数据是字符串类型的
			// if(score >= 90){
			// 	console.log("A")
			// }else if(score >= 80){
			// 	console.log("B")
			// }else if(score >= 70){
			// 	console.log("C")
			// }else if(score >= 60){
			// 	console.log("D")
			// }else{
			// 	console.log("E")
			// }
			
			
			/**
			 * 选择结构
			 * 		0 --- 星期日
			 * 		1 --- 星期一
			 * 		2 --- 星期二
			 * 		。。
			 * 		7 --- 星期日
			 * 		8 --- 星期一
			 * 		9 ---- 星期二
			 * 		。。。
			 * 		
			 */
			// var week = parseInt(prompt("请输入数值："))
			// switch(week % 7){
			// 	default:
			// 		console.log("该干啥干啥去。。。")
			// 		break
			// 	case 0:
			// 		console.log("星期日")
			// 		break
			// 	case 1:
			// 		console.log("星期一")
			// 		break
			// 	case 2:
			// 		console.log("星期二")
			// 		break
			// 	case 3:
			// 		console.log("星期三")
			// 		break
			// 	case 4:
			// 		console.log("星期四")
			// 		break
			// 	case 5:
			// 		console.log("星期五")
			// 		break
			// 	case 6:
			// 		console.log("星期六")
			// 		break
				
			// }
			
			var i = 10
			while(i > 11){
				console.log("while循环结构执行")
			}
			
			
			do{
				console.log("do-while循环结构执行")
			}while(i > 11)
			
			// 输出1-10的数据
			// 用while来写
			var j = 1;
			while(j <= 10){
				console.log(j)
				j++
			}
			console.log("==========")
			for(var z = 1; z <= 10; z++){
				console.log(z)
			}
			console.log("==========")
			/**
			 * 1*5 = 5
			 * 2+10 = 20
			 * 3*15 = 45
			 * 。。。。
			 * 100 * ？ = ？
			 * 
			 * 初始化条件有几个？？？  2个
			 * 循环条件是什么？？？  前者 <= 100
			 * 循环后初始化条件的变化？？？前者+1  后者+5
			 */
			for(var m = 1, n = 5; m <= 100; m++, n+=5){
				console.log(m + "*" + n + "=" + (m * n))
			}
			
			/**
			 * 1 + 10 = 11
			 * 2 + 30 = 32
			 * 3 + 50 = 53
			 * 4 + 70 = 74
			 */
			console.log("==========")
			s = "abcdef"
			for(i in s){
				console.log(s[i])
			}
    </script>
	</body>
</html>

Jhinhua

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML——JS—流程控制

流程控制 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> /** * 流程控制语句 *...
复制链接

扫一扫