JavaScript 条件语句

JavaScript 条件语句用于根据不同的条件执行不同的操作。

条件语句

很多时候，当编写代码时，希望针对不同的决策执行不同的操作。我们可以使用条件语句来达到此目的。

JavaScript 中有 2 中类型的条件语句：

1. if ... else 语句: 当指定条件为真，if 语句会执行 if 代码块的语句。如果条件为假，则执行 else 代码块语句。
2. switch 语句：根据表达式的不同值执行不同的 case 代码块。

if ... else 语句还可以搭配 else if 应多多种条件路径， else if 和 else 都是可选的，并且 else if 可以出现多次。

本文我们专注于阐述 if 语句各种用法，switch 语句将在下一章中描述。

if 语句

if 语句在条件为真时执行 if 代码块中的代码。

语法：

if (condition) {
  // 如果 condition 为 true， 执行此处的代码
}

注意 if 是小写字母。大写字母（If 或 IF）将产生 JavaScript 错误。

以下示例展示如果时间小于 18:00，招呼语是 “你好”：

if (hour < 18) {
  greeting = "你好";
}

if … else 语句

当指定条件为真，if 语句会执行 if 代码块的语句。如果条件为假，则执行 else 代码块语句。

语法：

if (condition) {
  // 如果 condition 为 true， 执行此处的代码
} else {
  // 如果 condition 为 false 执行此处的代码
}

以下示例展示如果时间小于 18:00，招呼语是 “你好”，否则招呼语是“晚安”：

if (hour < 18) {
  greeting = "你好";
} else {
  greeting = "晚安";
}

if … else if … else 语句

else if 如果第一个条件为假，则使用该语句指定新条件。

if ... else if ... else 语句的逻辑如下：

• 如果 if 段的条件为 true，执行 if 代码块的代码。
• 如果 if 段的条件为 false，如果 else if 段的条件为真，执行 else if 代码块的代码。
• 如果 if 段的条件 和 else if 段的条件都为 false, 执行 else 代码块的代码。

语法：

if (condition1) {
  // 如果 condition1 为 true，执行此处的代码
} else if (_condition2_) {
  // 如果 condition1 为 false, condition2 为 true，执行此处的代码
} else {
  // 如果 condition1 和 condition2 否为 false，执行此处的代码
}

以下示例根据不同的时间段问候语分别为：“早上好”，“你好”，“晚安”：

if (time < 10) {
  greeting = "早上好";
} else if (time < 20) {
  greeting = "你好";
} else {
  greeting = "晚安";
}

以下示例根据不同的时间段问候语分别为：“早上好”，“中午好”，“你好”，“晚安”：

if (time < 11) {
  greeting = "早上好";
} else if (time < 14) {
  greeting = "中午好";
} else if (time < 20) {
  greeting = "你好";
} else {
  greeting = "晚安";
}