JavaScript if | myfreax

在本教程中，您将学习如何使用 JavaScript if 语句在条件为 true 时执行代码块。

JavaScript if 语句简介

如果条件为 true ，则 if 语句执行块。下面显示了该if语句的语法：

if( condition )
   statement;

condition 可以是值或表达式。通常，条件的计算结果为布尔值，即 true 或者 false。

如果 condition 的计算结果为true，则 if 语句执行 statement。否则，if 语句将控制传递给它之后的下一个语句。

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

JavaScript if 控制流

如果 condition 计算结果为非布尔值，则 JavaScript 通过调用 Boolean() 函数将其结果隐式转换为布尔值。

如果要执行多个语句，则需要使用一对大括号将它们包装在一个块中，如下所示：

if (condition) {
  // statements to execute
}

但是，最好始终在 if 语句中使用大括号。这样做，可以使您代码更易于维护并避免可能的错误。

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

let age = 18;
if (age >= 18) {
  console.log('You can sign up');
}

输出：

You can sign up

那么它是如何运行的。首先，声明变量 age 并将其初始化为 18：

let age = 18;

其次，使用 if 语句检查年龄是否大于或等于 18。因为表达式 age >= 18 是true，所以执行 if 语句中的代码向控制台输出一条消息：

if (age >= 18) {
  console.log('You can sign up');
}

下面的示例也使用 if 语句。但是，是age导致16条件评估为的false。因此，您不会在输出中看到任何消息：

let age = 16;
if (age >= 18) {
  console.log('You can sign up');
}

可以在 if 语句内部使用另一个if语句，也就是嵌套的 if 语句。例如：

let age = 16;
let state = 'CA';

if (state == 'CA') {
  if (age >= 16) {
    console.log('You can drive.');
  }
}

输出：

You can drive.

那么它是如何运行的。首先，声明并初始化 age 和 state 变量：

let age = 16;
let state = 'CA';

其次，使用 if 语句检查 state 是否等于 'CA'，使用嵌套 if 语句检查 age 是否等于 16，如果是向控制台输出消息：

if (state == 'CA') {
  if (age == 16) {
    console.log('You can drive.');
  }
}

在实践中，您应该尽可能避免使用嵌套 if 语句。例如，您可以使用 && 运算符组合条件并使用if语句：

let age = 16;
let state = 'CA';

if (state == 'CA' && age == 16) {
  console.log('You can drive.');
}