JavaScript :: if…else语句

Z时代
2024-01-10
分类：综合

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

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

if-else的流程图

以下流程图显示了if-else语句的工作方式。

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

如果声明
如果……否则
如果...否则，如果...声明。

如果声明

该如果语句是基本的控制语句，它允许JavaScript作出决定，有条件地执行语句。

语法

基本的if语句的语法如下-

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

在这里评估一个JavaScript表达式。如果结果值为true，statement(s)则执行给定的值。如果表达式为假，则不会执行任何语句。大多数时候，您将在进行决策时使用比较运算符。

例子

请尝试以下示例，以了解 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>

如果……否则

在 “如果...别人的语句是控制语句的下一个形式允许JavaScript以更可控的方式执行语句。

语法

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

在此评估JavaScript表达式。如果结果值为true statement(s)，则执行'if'块中给定的值。如果表达式为假，则statement(s)执行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>

如果...否则，如果...声明

该如果...否则，如果... 语句的一种高级形式，如果...否则，允许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子句的一部分。Statement(s)会根据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>