JavaScript - if...else 语句

在编写程序时，可能会出现需要采用一组给定路径中的一个的情况。在这种情况下，您需要使用条件语句，使您的程序能够做出正确的决策并执行正确的操作。

JavaScript 支持条件语句，用于根据不同的条件执行不同的操作。这里我们将解释if..else语句。

if-else 流程图

下面的流程图显示了 if-else 语句的工作原理。

JavaScript 支持以下形式的if..else语句 -

if 语句
if...else 语句
if...else if... 语句。

if 语句

if语句是基本的控制语句，它允许 JavaScript 做出决策并有条件地执行语句。

句法

基本 if 语句的语法如下 -

if (expression) {
   Statement(s) to be executed if expression is true
}

这里计算 JavaScript 表达式。如果结果值为 true，则执行给定的语句。如果表达式为假，则不会执行任何语句。大多数时候，您在做出决策时会使用比较运算符。

例子

尝试以下示例来了解if语句的工作原理。

现场演示

<html>
   <body>     
      <script type = "text/javascript">
         <!--
            var age = 20;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

输出

Qualifies for driving
Set the variable to different value and then try...

if...else 语句

“if...else”语句是控制语句的下一种形式，它允许 JavaScript 以更受控的方式执行语句。

句法

if (expression) {
   Statement(s) to be executed if expression is true
} else {
   Statement(s) to be executed if expression is false
}

这里计算 JavaScript 表达式。如果结果值为 true，则执行“if”块中的给定语句。如果表达式为 false，则执行 else 块中的给定语句。

例子

尝试以下代码来了解如何在 JavaScript 中实现 if-else 语句。

现场演示

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var age = 15;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            } else {
               document.write("<b>Does not qualify for driving</b>");
            }
         //-->
      </script>     
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

输出

Does not qualify for driving
Set the variable to different value and then try...

if...else if... 语句

if ...else if...语句是if...else的高级形式，它允许 JavaScript 根据多种条件做出正确的决定。

句法

if-else-if 语句的语法如下 -

if (expression 1) {
   Statement(s) to be executed if expression 1 is true
} else if (expression 2) {
   Statement(s) to be executed if expression 2 is true
} else if (expression 3) {
   Statement(s) to be executed if expression 3 is true
} else {
   Statement(s) to be executed if no expression is true
}

这段代码没有什么特别的。它只是一系列if语句，其中每个if都是前一个语句的else子句的一部分。语句根据 true 条件执行，如果没有一个条件为 true，则执行else块。

例子

尝试以下代码来了解如何在 JavaScript 中实现 if-else-if 语句。

现场演示

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var book = "maths";
            if( book == "history" ) {
               document.write("<b>History Book</b>");
            } else if( book == "maths" ) {
               document.write("<b>Maths Book</b>");
            } else if( book == "economics" ) {
               document.write("<b>Economics Book</b>");
            } else {
               document.write("<b>Unknown Book</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
<html>

输出

Maths Book
Set the variable to different value and then try...