myfreax

JavaScript if

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

JavaScript if
JavaScript if

在本教程中,您将学习如何使用 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 语句中使用大括号。这样做,可以使您代码更易于维护并避免可能的错误。

JavaScript 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 >= 18true,所以执行 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语句,也就是嵌套的 if 语句。例如:

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

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

输出:

You can drive.

那么它是如何运行的。首先,声明并初始化 agestate 变量:

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.');
}

结论

  • 如果条件为 true,则执行 if 声明包裹的语句。
  • 尽量避免使用嵌套 if 语句。

内容导航