JavaScript if else if

在本教程中，您将学习如何使用 JavaScript if...else...if 语句检查多个条件并在条件为 true 时执行相应的分支语句。

JavaScript if else if 语句简介

if 和 if...else 语句接受单个条件并根据条件相应地执行对应的分支。

要检查多个条件并在条件为 true 时执行相应的分支，您可以使用 if...else...if如下语句：

if (condition1) {
  // ...
} else if (condition2) {
  // ...
} else if (condition3) {
  //...
} else {
  //...
}

在此语法中，if...else...if 语句具有三个条件。理论上，您可以有任意多的条件，其中每个 else...if 分支都有一个条件。

if...else...if 语句从上到下检查条件，如果条件是 true 则执行相应的分支语句。

一旦条件为 true，if...else...if 语句就会停止评估其余条件。例如，如果condition2 是 true，则 if...else...if 语句不会评估 condition3。

如果所有条件都是 false，if...else...if 则语句执行 else 分支的语句。

以下流程图说明 if...else...if 语句的工作原理：

if...else...if

JavaScript if else if 例子

让我们写一些使用 if...else...if 语句的例子。

一个简单的 JavaScript if...else...if 语句示例

以下示例使用if...else...if语句从月份编号中获取月份名称：

let month = 6;
let monthName;

if (month == 1) {
  monthName = 'Jan';
} else if (month == 2) {
  monthName = 'Feb';
} else if (month == 3) {
  monthName = 'Mar';
} else if (month == 4) {
  monthName = 'Apr';
} else if (month == 5) {
  monthName = 'May';
} else if (month == 6) {
  monthName = 'Jun';
} else if (month == 7) {
  monthName = 'Jul';
} else if (month == 8) {
  monthName = 'Aug';
} else if (month == 9) {
  monthName = 'Sep';
} else if (month == 10) {
  monthName = 'Oct';
} else if (month == 11) {
  monthName = 'Nov';
} else if (month == 12) {
  monthName = 'Dec';
} else {
  monthName = 'Invalid month';
}
console.log(monthName);

输出：

Jun

在这个例子中，我们将月份与从 1 到 12 的 12 个数字进行比较，并将相应的月份名称分配给 monthName 变量。

由于月份为 6，因此表达式的 month==6 评估结果为 true。因此，if...else...if 语句将字符串 'Jun' 分配给 monthName 变量。最后，您在控制台中看到 Jun。

如果您将月份更改为不在 1 到 12 之间的数字，您将在控制台中看到 Invalid Month，else 分支语句将被执行。

2) 使用JavaScript if…else…if语句计算体重指数

以下示例计算一个人的体重指数 (BMI)。它使用 if...else...if 语句根据 BMI 确定体重状态：

let weight = 70; // kg
let height = 1.72; // meter

// 计算体重指数 BMI  (body mass index)
let bmi = weight / (height * height);

let weightStatus;

if (bmi < 18.5) {
  weightStatus = 'Underweight';
} else if (bmi >= 18.5 && bmi <= 24.9) {
  weightStatus = 'Healthy Weight';
} else if (bmi >= 25 && bmi <= 29.9) {
  weightStatus = 'Overweight';
} else {
  weightStatus = 'Obesity';
}

console.log(weightStatus);

输出：

Healthy Weight

让我们看看代码如何运行的。

首先，声明两个变量，分别保存以千克为单位的体重和以米为单位的身高。在实际应用程序中，您将从 Web 表单中获取这些值。
其次，用体重除以身高的平方来计算体重指数。
第三，使用 if...else..if 语句根据 BMI 确定体重状态。
最后将 weightStatus 变量输出到控制台。

结论

使用 JavaScript if...else...if 语句检查多个条件，如果条件是 true，则执行相应的分支。