JavaScript if…else 语句

Posted by 撒得一地 on 2016年5月1日 in JavaScript教程

当在编写一个程序时,你总是需要为不同的决定来执行不同的动作。在这种情况下,你需要使用条件语句来使你的程序作出正确的决定。

JavaScript 支持条件语句,根据不同的条件,用来执行不同的操作。下面,我们将详细解释 if…else 语句。

if…else 语句流程图

下面展示了 if…else 语句工作的流程图。

javascript下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 表达式 expression 的作用。如果生成结果的值为 true,则执行给定的语句。如果表达式为 false,将不执行后面的语句。大多数时候,你可能会使用比较运算符来做出决定。

示例

试试下面的示例,了解如何使用 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>

亲自试一试

Output
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 的 expression 表达式中,如果所得到的值为 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>

亲自试一试

Output
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 语句。语句执行基于 expression 表达式的布尔值,如果没有条件为 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>

亲自试一试

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

上一篇:

下一篇:

相关推荐

网站地图|XML地图

Copyright © 2015-2024 技术拉近你我! All rights reserved.
闽ICP备15015576号-1 版权所有©psz.