if...else

如果指定的条件为真，则if...else语句执行一个语句。如果条件为假，则将执行可选else子句中的另一个语句。

试一试

语法

js
if (condition)
  statement1

// With an else clause
if (condition)
  statement1
else
  statement2
条件

被认为是真或假的表达式。

语句1

如果条件为真，则执行的语句。可以是任何语句，包括进一步嵌套的if语句。要执行多个语句，请使用块语句（{ /* ... */ }）对这些语句进行分组。要执行没有语句，请使用空语句。

语句2

如果condition为假且存在else子句，则执行的语句。可以是任何语句，包括块语句和进一步嵌套的if语句。

描述

可以嵌套多个if...else语句以创建else if子句。请注意，JavaScript 中没有elseif（一个单词）关键字。

js
if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

要了解其工作原理，以下是如何在正确缩进的情况下显示：

js
if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

要在子句中执行多个语句，请使用块语句（{ /* ... */ }）对这些语句进行分组。

js
if (condition) {
  statements1
} else {
  statements2
}

不使用块可能会导致混淆的行为，尤其是在代码手动格式化的情况下。例如

js
function checkValue(a, b) {
  if (a === 1)
    if (b === 2)
      console.log("a is 1 and b is 2");
  else
    console.log("a is not 1");
}

这段代码看起来很无辜——但是，执行checkValue(1, 3)将记录“a 不等于 1”。这是因为在悬空 else 的情况下，else子句将连接到最接近的if子句。因此，上面的代码，使用正确的缩进，将如下所示：

js
function checkValue(a, b) {
  if (a === 1)
    if (b === 2)
      console.log("a is 1 and b is 2");
    else
      console.log("a is not 1");
}

通常，最好始终使用块语句，尤其是在涉及嵌套if语句的代码中。

js
function checkValue(a, b) {
  if (a === 1) {
    if (b === 2) {
      console.log("a is 1 and b is 2");
    }
  } else {
    console.log("a is not 1");
  }
}

不要将原始布尔值true和false与Boolean对象的真假性混淆。任何不是false、undefined、null、0、-0、NaN或空字符串（""）的值，以及任何对象（包括值为false的布尔对象）在用作条件时都被认为是真。例如

js
const b = new Boolean(false);
if (b) {
  console.log("b is truthy"); // "b is truthy"
}

示例

使用 if...else

js
if (cipherChar === fromChar) {
  result += toChar;
  x++;
} else {
  result += clearChar;
}

使用 else if

请注意，JavaScript 中没有elseif语法。但是，您可以在else和if之间使用空格来编写它

js
if (x > 50) {
  /* do something */
} else if (x > 5) {
  /* do something */
} else {
  /* do something */
}

使用赋值作为条件

您几乎不应该使用if...else，其中x = y作为条件。

js
if ((x = y)) {
  // …
}

因为与while循环不同，条件仅评估一次，因此赋值仅执行一次。上面的代码等价于

js
x = y;
if (x) {
  // …
}

这更清楚。但是，如果您发现自己想做类似的事情，则while文档有一个使用赋值作为条件部分，其中包含我们的建议。

规范

规范
ECMAScript 语言规范
# sec-if-statement

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅