五、JavaScript流程控制-分支

一、if 分支语句

1.if 的语法结构 如果 if

if(条件表达式){
	执行语句
}

2.执行思路

如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句
如果 if 条件表达式结果为假 则不执行大括号里面的语句则执行if 语句后面的代码

3.代码体验

if (3 < 5) {
	alert("沙漠骆驼");
}

进入网吧案例

弹出 prompt输入框，用户输入年龄，程序把这个值取过来保存到变量中
使用if 语句来判断年龄，如果年龄大于18 就执行 if 大括号里面的输出语句

var age = prompt('请输入你的年龄：');
if (age >= 18) {
	alert('enter');
}

二、if else双分支语句

1.语法结构 if 如果 else 否则

if (条件表达式) {
 	执行语句1
} else {
	执行语句2
}

2.执行思路

如果表达式结果为真 那么执行语句1 否则 执行语句2

3.代码验证

var age = prompt('请输入您的年龄：');
if (age >= 18) {
	alert('enter');
} else {
	alert('stop');
}

4.if 里面的语句1 和 else 里面的语句2 最终只能有一个语句执行 2选1
5.else 后面直接跟大括号

判断闰年案例

算法∶能被4整除且不能整除100的为闰年（如2004年就是闰年，1901年不是闰年）或者能够被400整除的就是闰年

弹出 prompt 输入框，让用户输入年份，把这个值取过来保存到变量中
使用 if 语句来判断是否是闰年，如果是闰年，就执行 if 大括号里面的输出语句，否则就执行 else 里面的输出语句
一定要注意里面的且 && 还有或者 || 的写法，同时注意判断整除的方法是取余为 0

var year = prompt('请您输入年份：');
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
	alert('闰年');
} else {
	alert('平年');
}

判断是否中奖

var name = prompt('请输入姓名：');
console.log(typeof name);
if (name == '刘德华') {
	alert('恭喜中奖5元！');
} else {
	alert('谢谢惠顾');
}

三、if else if多分支语句

1.多分支语句

就是利用多个条件来选择不同的语句执行 得到不同的结果 多选1 的过程

2.if else if 语句是多分支语句
3.语法规范

if(条件表达式1){
	语句1;
}else if(条件表达式2){
	语句2;
}else if(条件表达式3){
	语句3;
}else{
	最后的语句;
}

4.执行思路

如果条件表达式1 满足就执行 语句1 执行完毕后，退出整个if 分支语句
如果条件表达式1 不满足，则判断条件表达式2 满足的话，执行语句2 以此类推
如果上面的所有条件表达式都不成立，则执行else 里面的语句

5.注意点

（1）多分支语句还是多选1 最后只能有一个语句执行
（2）else if 里面的条件理论上是可以任意多个的
（3）else if 中间有个空格

判断成绩级别

要求:接收用户输入的分数，根据分数输出对应的等级字母A、B、C、D、E。其中:

1. 90分(含)以上，输出∶A
2. 80分(含)~90分(不含)，输出:B
3. 70分(含)~80分(不含)，输出:C
4. 60分(含)~70分(不含)，输出:D
5. 60分(不含)以下，输出:E

按照从大到小判断的思路
弹出prompt输入框，让用户输入分数，把这个值取过来保存到变量中
使用多分支if else if 语句来分别判断输出不同的值

var score = prompt('请输入分数：');
if (score >= 90) {
	alert('A');
} else if (score >= 80) {
	alert('B');
} else if (score >= 70) {
	alert('C');
} else if (score >= 60) {
	alert('D');
} else {
	alert('E');
}

四、三元表达式

1.有三元运算符组成的式子我们成为三元表达式
2.++num、3 + 5、？ ：
3.语法结构

条件表达式 ？ 表达式1：表达式2

4.执行思路

如果条件表达式结果为真 则 返回 表达式1 的值 如果条件表达式结果为假 则返回 表达式2 的值

5.代码体验

var num = 10;
var result = num > 5 ? '是的' : '不是的';  // 我们知道表达式是有返回值的
console.log(result);
// if (num > 5) {
	// result = '是的';
// } else {
	// result = '不是的';
// }

数字补0

用户输入数字，如果数字小于10，则在前面补0，比如01, 09, 如果数字大于10，则不需要补，比如 20。

用户输入 0~59 之间的一个数字
如果数字小于10，则在这个数字前面补0,(加0）否则 不做操作
用一个变量接受这个返回值，输出

var time = prompt('请您输入一个 0 ~ 59之间的一个数字');
// 三元表达式   表达式 ？ 表达式1：表达式2
result = time < 10 ? '0' + time : time;  // 把返回值赋值给一个变量
alert(result);

五、switch分支语句

1.switch 语句也是多分支语句 也可以实现多选1
2.语法结构 switch 转换、开关 case 小例子或者选项的意思

switch (表达式) {
	case value1:
		执行语句1;
		break;
	case value2:
		执行语句2;
		break;
	...
	default:
		执行最后的语句;
}

3.执行思路

利用我们的表达式的值 和 case 后面的选项值相匹配 如果匹配上，就执行该case里面的语句 如果都没有匹配上，那么执行 default 里面的语句

4.代码验证

switch (2) {
	case 1:
		console.log('这是1');
		break;
	case 2:
		console.log('这是2');
		break;
	case 3:
		console.log('这是3');
		break;
	default:
		console.log('没有匹配结果');
}

switch注意事项

1.我们开发里面 表达式我们经常写成变量
2.我们num 的值 和 case 里面的值相匹配的时候是 全等 必须是值和数据类型一致才可以 num === 1
3.break 如果当前的case里面没有break则不会退出switch 是继续执行下一个case

var num = 1;
switch (num) {
	case 1:
		console.log(1);
	case 2:
		console.log(2);
		break;
	case 3:
		console.log(3);
		break;
}

查询水果

用户在弹出框里面输入一个水果，如果有就弹出该水果的价格，如果没有该水果就弹出"没有此水果"。

弹出prompt输入框，让用户输入水果名称，把这个值取过来保存到变量中。
将这个变量作为switch括号里面的表达式。
case后面的值写几个不同的水果名称，注意一定要加引号，因为必须是全等匹配。
弹出不同价格即可。同样注意每个case之后加上break，以便退出switch语句。
将default设置为没有此水果。

var fruit = prompt('请输入水果名：');
switch (fruit) {
	case '苹果':
		alert('苹果的价格是 3.5/斤');
		break;
	case '香蕉':
		alert('香蕉的价格是 34/斤');
		break;
	default:
		alert('没有此水果！');
}

六、switch语句和if else if 语句的区别：

1. 一般情况下，它们两个语句可以相互替换
2. switch…case语句通常处理case为比较确定值的情况，而if…else…语句更加灵活，常用于范围判断(大于、等于某个范围)
3. switch语句进行条件判断后直接执行到程序的条件语句，效率更高。而if…else语句有几种条件，就得判断多少次。
4. 当分支比较少时，if…else语句的执行效率比switch语句高。
5. 当分支比较多时，switch语句的执行效率比较高，而且结构更清晰。

作业

1.判断时间阶段。比如用户输入12点弹出中午好 用户输入18点弹出傍晚好 用户输入23点弹出深夜好

var time = prompt('请输入时间：');
if (time >= 23) {
	alert('深夜好');
} else if (time >= 18) {
	alert('傍晚好');
} else if (time >= 12) {
	alert('中午好');
} else if (time >= 6) {
	alert('早上好');
} else {
	alert('凌晨好');
}

2.比较两个数的最大值(用户依次输入2个值，最后弹出最大的那个值)

var num1 = prompt('请输入第一个数：');
var num2 = prompt('请输入第二个数：');
if (num1 > num2) {
	alert(num1);
} else {
	alert(num2);
}

3.用户输入一个数，来判断是奇数还是偶数

var num = prompt('请输入一个数：');
if (num % 2 == 0) {
    alert('这个数是偶数');
} else {
    alert('这个数是奇数');
}

4.根据用户输入的数值（数字1 到数字7)，返回星期几

var num = prompt('请输入1~7中任意一个数：');
switch (num) {
    case '1':
        alert('Monday');
        break;
    case '2':
        alert('Tuesday');
        break;
    case '3':
        alert('Wednesday');
    case '4':
        alert('Thursday');
        break;
    case '5':
        alert('Friday');
        break;
    case '6':
        alert('Saturday');
        break;
    case '7':
        alert('Sunday');
        break;
    default:
        alert('不存在');
}

5.接收班长口袋里的钱数?
若大于等于2000，请大家吃西餐。若小于2000，大于等于1500，请大家吃快餐。若小于1500，大于等于1000，请大家喝饮料。若小于1000,大于等于500，请大家吃棒棒糖。否则提醒班长下次把钱带够

var money = prompt('请输入班长口袋里的钱数：');
if (money >= 2000) {
    alert('请大家吃西餐');
} else if (money >= 1500) {
    alert('请大家吃快餐');
} else if (money >= 1000) {
    alert('请大家喝饮料');
} else if (money >= 500) {
    alert('请大家吃棒棒糖');
} else {
    alert('提醒班长把钱带够');
}

6.分数转换给一个分数，判定等级。
大于等于90 A
大于等于80小于90 B
大于等于70小于80 C
大于等于60小于70 D
小于60 E

var score = prompt('请输入分数：');
if (score >= 90) {
    alert('A');
} else if (score >= 80) {
    alert('B');
} else if (score >= 70) {
    alert('C');
} else if (score >= 60) {
    alert('D');
} else {
    alert('E');
}

（完。）