javascript流程

第三天（下午）

一 分支结构

（1）if结构

1.何时使用

1件事，满足条件就执行，否则就不执行

2.语法

if(条件){
满足条件才执行的代码段；
}

（2）if…else…结构

1.何时使用

2件事，满足条件执行if中的代码段，不满足条件执行else中代码段

2.语法

if(条件){
满足条件才执行的代码段；
}else{
不满足条件才执行的代码段；
}

/*请用户输入单价，数量，收款金额
		计算总价
		如果总价>=500，则打8折
		计算找零
	  输出："应收:XXX；找零:xxx;"
	*/
	var price=prompt("输入单价");
	var count=prompt("输入数量");
	var money=prompt("输入收款金额");
	var total=price*count;
	//total>=500&&(total*=0.8);
	//如果总价>=500，则打8折
	if(total>=500){
		total*=0.8;
	}
	//如果给够钱
	if(money>=total){
		var change=money-total;
		alert("应收:"+total+"; 找零:"+change);
	}else{//否则
	//  用total-money
		var change=total-money;
	//  输出"应收:"+total+"; 还差:"+change
		alert("应收:"+total+"; 还差:"+change);
	}

（3）else if结构

1.何时使用

多件事，根据条件，多选一执行

2.语法

if(条件1){
满足条件1执行的代码段1；
}else if(条件2){
满足条件2执行的代码段2；
}else if(条件3){
…
}[else{
万一之前所有条件都不满足，才执行默认代码段；
}]

/*请用户输入一个成绩
	    如果成绩不是数字，则输出"你玩儿我"
		如果成绩>100或<0，则输出"超范围"
		如果成绩>=90,则输出A
   否则 如果成绩>=80,则输出B
	否则 如果成绩>=60,则输出C
	              否则，输出D
	*/
	var score=prompt("输入成绩");
	/*三目如何实现*/
	/*alert(
		isNaN(score)?"你玩儿我":
  score>100||score<0?"超范围":
           score>=90?"A":
		   score>=80?"B":
		   score>=60?"C":
		             "D"
	);*/
	/*if...else if结构如何实现*/
	if(isNaN(score)){
		alert("你玩儿我");
	}else if(score>100||score<0){
		alert("超范围");
	}else if(score>=90){
		alert("A");
	}else if(score>=80){
		alert("B");
	}else if(score>=60){
		alert("C");
	}else{
		alert("D");
	}

function getMax(a,b,c){
 var max=a>b?a:b;
 c>max&&(max=c);
 return max;
}

如果程序已经引入后一个条件判断，就已经暗示前一个条件肯定不满足！

分支结构	三目/短路
操作复杂用分支	如果只是返回值，用三目或短路

第四天（上午）

（4）switch case

1.含义

都是根据不同条件执行不同的代码段，用switch中的表达式的值和case中的值做全等比较。

2.语法

switch (表达式){
	     case 值1:
		代码段1;
             case 值2:
                代码段2;
             ...
                ...
             [default:
		默认代码段;
	     ]
         }

break: 停止当前结构的执行，并跳出当前结构

switch(prompt("请按键")){
			case "1":
				alert("正在查询...");
				break;
			case "2":
				alert("取款进行中...");
				break;
			case "3":
				alert("转账进行中...");
				break;
			case "0":
				alert("退出！欢迎下次光临！");
				break;
			default:
				alert("输入有误");
		}

switch(prompt("请按键")){
			case "1":
				alert("正在查询...");
				break;
			case "2":
			case "3":
				alert("转账进行中...");
				break;
			case "0":
				alert("退出！欢迎下次光临！");
				break;
			default:
				alert("输入有误");
		}

switch VS else if

switch:条件是全等比较时，首选switch case;
else if:除全等比较外，希望灵活定义条件时

---

二 循环结构

（1）什么是循环结构

让程序反复执行一段代码段，只有达到临界条件时，停止循环

（2）循环3要素

① 循环条件

继续循环的条件：圈数<3

② 循环变量

在循环条件中，用作比较的变量：圈数
循环变量一般会向着不满足循环条件的趋势不断变化，比如：圈数每转一圈+1

③ 循环体

反复执行的代码

（3）三种循环

1. while循环

① 语法

var 循环变量=初值；
while(循环条件){
循环体；
迭代变化循环变量；
}

/*循环条件：圈数<3
		循环变量: 圈数, 每转一圈+1
		循环体：输出“转一圈”
	*/
	var r=0;
	while(r<3){
		console.log("转一圈");
		r++;
	}
	console.log("下车了");

/*三要素:
		循环条件：输入!="0"-->继续循环的条件
		循环变量：输入，每执行一次，都请用户重新输入
		循环体：请用户输入
		        根据输入执行操作
	*/
var input="";
while(input!="0"){
		input=prompt("请按键");
		switch(input){
			case "1":
				alert("正在查询...");
				break;
			case "2":
				alert("取款进行中...");
				break;
			case "3":
				alert("转账进行中...");
				break;
			case "0":
				alert("退出！欢迎下次光临！");
				break;
			default:
				alert("输入有误");
		}
	}

② 退出循环的2种方式