2.3 JavaScript条件语句

2.3.1 if语句

1．if语句

最简单的if语句由单个条件组成，语法规则如下：

语法

流程结构如图2.4所示。

例如判断成绩等级，如果高于90分则弹出提示框提示为Excellent，代码如下：

2．if-else语句

当判断条件成立与否都需要有对应的处理时可以使用if-else语句。其语法格式如下：

语法

流程结构如图2.5所示。

如果条件成立则执行紧跟if语句的代码部分，否则执行跟在else语句后面的代码部分。这些代码均可以是单行语句，也可以是一段代码块。

例如同样是判断成绩等级，如果大于等于60分则弹出提示框提示“考试通过！”，否则提示“不及格！”。修改后的代码如下：

3．if-else if-else语句

当有多个条件分支需要分别判断时，可以使用if-else if-else语句：

其中的else if语句可以根据实际需要有一个或多个。流程结构如图2.6所示。

【示例2】 JavaScript if-else if-else语句的简单应用

示例2在浏览器中的运行效果如图2.7所示。

2.3.2 switch语句

当对于同一个变量需要进行多次条件判断时，也可以使用switch语句代替多重if-else if-else语句。语法格式如下：

语法

流程结构如图2.8所示。

【示例3】 JavaScript switch语句的简单应用

示例3在浏览器中的运行效果如图2.9所示。

2.3.3 技能训练

上机练习3 用if语句判断某学生成绩是否及格

需求说明

已知学生成绩60分及以上为及格，试用if语句判断某学生成绩是否及格。

上机练习4 用switch语句判断任意年份是十二生肖中的哪一年

需求说明

已知1900年为鼠年，试用switch语句判断1900～2022年之间的任意年份是十二生肖中的哪一年。