JavaScript控制流程语句

JS条件，循环语句

---

代码块

在JS中可以使用{}来为语句分组
	同一个{}中的语句成为一组语句‘
	它们要么都执行，要么都不执行
	一个{}中的语句我们也称为一个代码块
	代码块后面不需要分好
					
JS中的代码块，只具有分组的作用，没有其它用途，在代码块外部也完全可

{
	var a = 10;
	console.log(a); // 10
}
	console.log(a); // 10

流程控制语句

JS中的程序是从上到下一行一行执行的
通过流程控制语句可以控制程序执行流程
	使用程序可以根据一定的条件来选择执行
语句的分类
	1.条件判断语句
	2.条件分支语句
	3.循环语句

条件判断语句

使用条件判断语句可以在执行某个语句之前进行判断，
	如果条件成立才会执行，条件不成立则语句不执行

if语句

语法一：

if(条件表达式)		
	语句
if语句在执行时，会先对条件表达式进行求值判断
如果条件表达式的值为true，则执行if后的语句，
如果条件表达式的值为false，则不会执行if后的语句
if语句只能控制紧随其后的那个语句，可以将代码用{}括起来，则只会执行{}里面的语句

//语法一:
if(10 < 20) {
	console.log(15);
}
// 输出15
if(10 > 20){
	console.log(15);	
}
//不执行if里面的语句

语法二：

if(条件表达式){
	语句
} else {
	语句
}
该语句执行时，会对if后的条件表达式进行求值判断
	如果为true，则执行if后的语句
	如果为false，则执行else后的语句

//语法二:
if(10 > 20) {
	console.log(10);
} else {
	console.log(20);
}
//输出20

语法三：

if(条件表达式1){
	语句
} else if(条件表达式2){
	语句
} else {
	语句
}
当该语句执行时，会从上到下一次判断条件表达式进行求值判断
如果值为true，则执行当前语句，如果值为false，则继续向下判断
如果条件都不满足，则执行最后else后面的语句

//语法三:
if(10 > 20) {
	console.log(10);
} else if(10 > 5){
	console.log(5);
} else {
	console.log(10);
}
// 输出5

例题：

/*
从键盘输入小明的期末成绩:
当成绩为100时,"奖励一辆BMW"
当成绩为[80-99]时，"奖励一台iphone15s'
当成绩为[60-8日]时，'奖励一本参考书’*其他时,什么奖励也没有
*/
  var score = prompt("请输入小明成绩：");  //prompt()可以弹出一个提示框，该提示框会有一个文本框，输入的内容会作为一个函数的返回值返回
  if(score == 100){
	  document.write("奖励一辆BMW")
   } else if (score <= 99 && score >= 80){
	  document.write("奖励一台iphone12");
   } else if (score >= 60 && score < 80){
      document.write("奖励一本参考书");
   } else {
	  document.write("奖励一堆空气");
   }

条件分支语句

switch语句

语法：

switch(条件表达式){
	case 表达式:
语句;
	break;
case 表达式:
	语句;
break;
	case 表达式:
	语句;
	break;
......
default:
	语句;
	break;
}
在执行时会将case后的表达式的值和switch后的条件表达式的值进行全等比较
如果比较结果为true，则执行当前case后的代码
	需要结合break退出switch
如果比较结果为false，则继续向下比较
如果所有比较结果都为false，则执行default后面的语句
				
switch语句和if语句的功能相似，能互相代替

var a = 2;
switch(a){
   case 1:
   console.log(1);
   break;
case 2:
   console.log(2);
   break;
   default:
console.log(3);
   break;
}
// 输出2； 

循环语句

通过循环语句可以反复执行一段代码多次

while 循环

语法：

语法：
while(条件表达式){
	语句;
}
while语句在执行时，先对条件表达式进行判断
如果值为true，则执行循环体
循环体执行完毕后，继续对表达式进行判断
	如果值为true，则继续执行
	如果值为false，则终止循环

			var i = 0;
			while(i < 10){
				console.log(i);
				i ++;
			}
			//输出0 ~ 9；

do…while 循环

语法：

do{
	语句;
} while(条件表达式);
执行流程：
	do...while语句在执行时，会先执行循环体
		循环体执行完毕后，再对while后的条件表达式进行判断
		先执行后判断，循环体内语句至少执行一次

for 循环

语法：

在for循环中，提供了三个专门的位置来放三个表达式，这三个表达式也都可以省略
	1.初始化表达式
	2.条件表达式
	3.更新表达式
语法：
	for(初始化表达式;条件表达式;更新表达式){
				语句;
						}
执行流程：
	1.初始化表达式，初始化变量
	2.条件表达式，判断是否执行循环，如果为true，则执行循环，否则终止循环
	3.执行更新表达式，更新表达式执行完毕，继续重复第二步
嵌套fou循环		
	在for循环的里面再创建一个for循环，可以解决许多问题

补充

死循环：
	条件表达式永远为true，则循环不会停止
	for循环只写两个分号也是死循环
break：
	可以用来终止循环，会立即停止这个循环
continue：
	可以用来跳过本次循环，不执行本次循环在continue下的语句
						
创建一个循环，往往需要三个步骤
	1.初始化变量
	2.在循环中设置一个条件表达式
	3.定义一个更新表达式，每次更新初始化变量

例题：

			//while 练习
			//假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年
			var money = 1000;
			var year = 0;
			while(money < 5000){
				money *= 1.05;
				year ++;
			}
			console.log(year);
			// 输出33
			
			for(var i = 0; i < 10; i ++){
				console.log(i);
			}
			//输出0~9
			
			//嵌套for循环练习，99乘法表
			for(var i = 1; i <= 9; i ++){
				for(var j = 1; j <= i; j ++){
					document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;");
				}
				document.write("</br>");
			}