JavaScript if else if

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

JavaScript if else if 语句简介

if 和 if…else 语句接受一个条件，并根据条件执行 if 或 else 代码块。

要检查多个条件并在条件为 true 时执行相应的代码块，您可以使用 if...else...if 语句，如下所示

if (condition1) {
  // ...
} else if (condition2) {
  // ...
} else if (condition3) {
  //...
} else {
  //...
}Code language: JavaScript (javascript)

在此语法中，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 语句的工作原理

JavaScript if else if 示例

让我们来看一些使用 if...else...if 语句的示例。

1) 一个简单的 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);Code language: JavaScript (javascript)

输出

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

// calculate the body mass index (BMI)
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);Code language: JavaScript (javascript)

输出

Healthy Weight

工作原理。

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

总结

• 使用 JavaScript if...else...if 语句来检查多个条件，并在条件为 true 时执行相应的代码块。