JavaScript 条件语句

JavaScript 条件语句用于根据不同的条件执行不同的操作。本节阐述 if 语句的详细用法。

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

条件语句

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

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

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

if ... else 语句还可以搭配 else if 应多多种条件路径, else ifelse 都是可选的,并且 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 = "晚安";
}