JavaScript动态网页设计 课件 3-1条件控制语句switch结构

3.1条件控制语句主讲：***2024年1月2日JavaScript动态网页设计1子项目2024年1月2日JavaScript动态网页设计2学习任务

任务1switch-case条件控制语句2024年1月2日JavaScript动态网页设计3任务1switch-case条件控制语句

当有多种选项的时候，switch-case比if-else使用更方便。switch的优点：选择结构更加清晰，一目了然；执行速度相对较快。switch语句的语法如下：switch的语法：switch(表达式){case值1: statement1; break;case值2: statement2; break;…default: statement;}switch的表达式语句必须赋初始值，该表达式值与每个case值相比较，相等则执行该case后的所有语句，直到break语句，使用关键字break语句跳出switch。如果没有关键字break,代码则继续执行下一个case语句。如果所有case值都不匹配，则执行default后的语句。2024年1月2日JavaScript动态网页设计4【范例3-4】根据输入的的数字，0～6之间，判断当前是星期几。

代码如下：iwork=parseInt(prompt("请输入0-6的值"));switch(iwork){case0: alert("星期天"); break;case1: alert("星期一");break;case2: alert("星期二");break;case3:alert("星期三");break;case4:alert("星期四");break;case5:alert("星期五");break;case6: alert("星期六");break;default:alert("要输入合理值");}2024年1月2日JavaScript动态网页设计5

在switch中，几个case是可以共用一条指令的，相邻的相同指令的，可以只写最后一条指令并break结束选择结构。

【范例3-5】根据输入的月份判断季节。

varmonth=Number(prompt("请输入月份"));varseason="";switch(month){case12:case1:case2:season=“冬”;break;case3:case4:case5:season=“春”;break;case6:case7:case8:season="夏";break;case9:case10:case11:season=“秋”;break;default:season="请输入正确的月份";}alert(season);2024年1月2日JavaScript动态网页设计6使用switch语句时，要注意以下几点：1、由于每次执行switch语句时，并不是所有的case表达式都能执行到，因此，

应该避免使用带有副作用的case表达式，比如函数调用表达式和赋值表达式，

最安全的做法是在case表达式中使用常量表达式。2、default标签一般都出现在switch的末尾，位于所有case标签之后，当然这

是最合理也是最常用的写法，实际上，default标签可以放置在switch语句内

的任何地方3、switch语句中，对每个case的匹配操作实际上是'==