JavaScript if else

摘要：在本教程中，您将学习如何使用 JavaScript if...else 语句根据条件执行代码块。

JavaScript if…else 语句简介

if 语句在条件为 true 时执行代码块。当条件为 false 时，它什么也不做。但是，如果您希望在条件为 false 时执行语句，可以使用 if...else 语句。

以下是 if...else 语句的语法

if( condition ) {
  // ...
} else { 
  // ...
}Code language: JavaScript (javascript)

在此语法中，condition 是一个值或一个表达式，它求值为 true 或 false。如果条件为 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.');
}Code language: JavaScript (javascript)

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

You can sign up.

以下示例与上面相同，只是 age 为 18 而不是 16

let age = 16;

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

输出

You must be at least 18 to sign up.

在此示例中，age 为 16。因此，表达式 age >= 18 求值为 false。因此，else 分支中的语句将执行，并将消息输出到控制台。

以下示例使用逻辑运算符 AND (&&) 作为 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.');
}Code language: JavaScript (javascript)

由于年龄为 16 且国家为美国，以下表达式返回 true。

age >= 16 && country === 'USA'Code language: JavaScript (javascript)

您会看到以下输出

You can get a driving license.Code language: JavaScript (javascript)

摘要

• 使用 JavaScript if...else 语句来执行一个代码块，如果条件为 true，否则执行另一个代码块。