JavaScript教程-8-JavaScript中的流程控制语句-CSDN博客

本文链接：https://blog.csdn.net/qq_35938103/article/details/104865046

第八课：JavaScript的流程控制语句

关于JavaScript当中的流程控制语句大体上和java中的一样，比较简单。在这里做一个简单的概述，更多的通过示例来说明一下用法。

-- 单分支选择：if(条件){}

-- 双分支选择：if(条件){}else{}

-- 多分支选择：if(条件){} [..else if(条件){}...]else{}

-- 多分支switch：switch(变量表达式){case 常量1：break; .... default: break;}

-- while循环：while(条件){ 循环体 }

-- do-while 循环 do{ 循环体 }while(条件);

-- for 循环 for(初始化;条件;迭代){ 循环体 }

补充：一般while循环适用于循环次数不确定的情况。For循环适用于循环次数确定的情况。

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>流程控制</title>
		<script type="text/javascript">
			
			let a = 10;
			let b = 20;
			//单分支if语句
			if(a > b){//当a>b条件成立的时候，也就是返回true，执行大括号中的内容。否则不执行。
				//条件不成立，所以不执行下面的代码，没有输出
				alert("a 比  b 大");
			}
			
			//双分支选择
			if(a > b){//条件成立，执行if代码块，不成立，执行else代码块内容。
				alert("a 比  b 大");
			}else{
				//最终执行这里的代码。
				alert("a 比  b 不大");
			}
			
			//多分支选择 ： 根据if后的条件成立与否，选择是否执行对应的代码块。
			//如果所有的if后的条件都不成立，那么就执行else后的代码块。
			//else 是可选的，根据需求选择是否需要最后的else。
			//有多个分支选择，但是最终只能有一个分支被执行，条件应该是互斥的。
			if(a > b){
				alert("a 比  b 大");
			}else if(a < b){
				//执行此处的代码。
				alert("a 比  b 小");
			}else{
				alert("a 等于  b ");
			}
			
			//多分支选择 switch-case 
			//switch后的小括号中必须是变量表达式，和每个case后的固定的值比对，相等执行对应的内容
			switch(a%2){
				case 0://结果执行这里
				alert("a 是偶数");
				break;
				case 1:
				alert("a 是奇数");
				break;
				default://可选的，如果上面的case都没有相等的，就执行default的内容。
				alert("a 是浮点数");
				break;
			}
			
			//while循环 实现1--100的累加和
			let i = 0;
			let sum = 0;
			//先判断循环条件，成立执行循环体，然后再判断条件，成立继续执行循环体，值到条件不成立，结束整个循环
			while(i<100){
				i++;
				sum += i;
			}
			alert("1--100的累加和为："+sum);
			
			//do - while循环 实现1--100的累加和
			//
			i = 0;
			sum = 0;
			//先执行一次循环体，然后进行条件的判断，和while的区别就是，至少会执行一次循环体。
			do{
				i++;
				sum += i;
			}while(i<100);
			alert("1--100的累加和为："+sum);
			
			//for循环 实现1--100的累加和
			//小括号中三部分，第一部分：初始化，只执行一次，中间是循环条件，后面是迭代。
			//先执行初始化，且仅仅执行一次，然后条件判断，成立，执行循环体，然后执行迭代
			//然后再判断...直到循环条件不成立，结束循环。
			sum = 0;
			for(let j = 0;j<=100;j++){
				sum += j;
			}
			alert("1--100的累加和为："+sum);
			
		</script>
	</head>
	<body>
	</body>
</html>

PS：笔者有大量的学习资料：java、python、大数据、人工智能、前端等。需要的小伙伴请加群：711408961

笔者的b站中有一些教学视频分享。感兴趣的小伙伴可以关注：https://space.bilibili.com/412362068