JavaScript if else

在本教程中，您将学习如何使用 JavaScript if...else 语句根据条件执行指定分支语句。

JavaScript if…else 语句简介

如果 if 条件为 true，则执行 if 包裹的语句。当 if 条件为 false 时，它什么也不做。但是如果你想在条件为 false 时执行一条语句，你可以使用if...else语句。

下面显示了if...else语句的语法：

if( condition ) {
  // ...
} else { 
  // ...
}

在此语法中，condition 是一个值或一个表达式。如果条件为 true，则 if...else 语句执行 if 分支的语句。

如果条件为 false，则 if...else 语句执行 else 分支的语句。

通常， condition 的计算结果为布尔值，即true 或者 false。但是，如果它的计算结果为非布尔值，if...else 语句会将其转换为布尔值。

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

JavaScript if...else 语句示例

以下示例使用 if...else 语句来检查年龄是否大于或等于 18：

let age = 18;

if (age >= 18) {
  console.log('You can sign up.');
} else {
  console.log('You must be at least 18 to sign up.');
}

在此示例中，age 是 18. 因此，表达式 age >= 18 为 true。因此，您将在控制台中看到以下消息：

You can sign up.

以下示例与上面的示例相同，只是 age 的值使用 16 代替 18：

let age = 16;

if (age >= 18) {
  console.log('You can sign up.');
} else {
  console.log('You must be at least 18 to sign up.');
}

输出：

You must be at least 18 to sign up.

在此示例中，age 是 16. 因此，表达式的 age >= 18 计算结果为 false。else 分支的语句会被执行并将消息输出到控制台。

以下示例使用逻辑运算符与 && 作为 if 语句条件表达式：

let age = 16;
let country = 'USA';

if (age >= 16 && country === 'USA') {
  console.log('You can get a driving license.');
} else {
  console.log('You are not eligible to get a driving license.');
}

因为年龄是 16 岁，国家是美国，所以下面的表达式返回 true。

age >= 16 && country === 'USA'

您会看到以下输出：

You can get a driving license.

结论

• 使用 JavaScript if...else 语句执行不同分支语句， 如果条件为 true，则执行 if 分支，为false 则执行 else 分支。