本文共 5442 字，大约阅读时间需要 18 分钟。

一、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：表达式2result = 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');}

（完。）

转载地址：http://eghji.baihongyu.com/