JavaScript——顺序结构的全面解析

文章目录

• 前言
• 一、顺序结构
• 二、循环语句的分类
  • 1.if语句
  • 2.if…else语句
  • 3.switch语句
• 总结

---

前言

     本文主要介绍JavaScript中的顺序结构一节。

---

一、顺序结构

      我们都知道计算机中的语句是自上而下依次执行的，我们今天所要讲的顺序结构，它的执行顺序就是按照这个顺序执行的，那么顺序结构有分为哪几种呢，在什么样的业务逻辑中会使用到顺序结构呢？

所谓分支，指的就是程序在运行过程中的执行路径以及执行过程，在顺序结构中，程序每次是只会执行其中一个分支的语句的，这就是顺序结构与循环结构（在后面一章中将会讲解）的不同之处。

       

---

二、顺序结构的分类

顺序结构的分类：

• 单分支
• 双分支
• 多分支

1.if语句

语法：

if（条件表达式）{

逻辑语句

}

• 条件表达式：该语句的条件判断语句，判断的依据是布尔值中的 true/false

执行流程：

1. 首先就是判断条件表达式是否成立，若该条件成立，则执行逻辑语句中的语句，

需求练习：

用户输入一个数字，当该数字大于2时打印  "if语句"

代码如下（示例）：

  <script>
            var i = window.prompt('请输入一个数字：');
        if (i > 2) {
            console.log('if语句');
        }
    </script>

程序运行结果图：

---

 

 

2.if…else语句

语法：

if（条件表达式）{

逻辑语句

}else{

逻辑语句

}

• 条件表达式：该语句的条件判断语句，判断的依据是布尔值中的 true/false

执行流程：

1. 首先判断该条件表达式的条件是否成立，若成立则执行if中的逻辑语句，若不成立则执行else中的逻辑语句，这也就是顺序结构中每次只会执行一个分支语句的体现。

需求练习：

用户输入一个数字，当该数字大于2时打印  "if语句"

代码如下（示例）：

    <script>
       var i = window.prompt('请输入一个数字：');
        if (i > 2) {
            console.log('if语句');
        } else {
            console.log('请重新输入！');
        }
    </script>

程序运行结果图：

​

---

 

 ​

 

 3.if…else…if…else…语句

语法：

if（条件表达式）{

逻辑语句

}else if(条件表达式){

逻辑语句

}……

else{

逻辑语句

}

•  条件表达式：该语句的条件判断语句，判断的依据是布尔值中的 true/false

• 执行流程：

• 首先判断该条件表达式的条件是否成立，若成立则执行if中的逻辑语句，若不成立则执行else if中的条件表达式，从上而下依次判断

• 需求练习：

  用户输入一个数字，当该数字大于2时打印  "if语句"，大于3时打印  "else if" 语句

  代码如下（示例）：

      <script>
           var i = window.prompt('请输入一个数字：');
          if (i > 2) {
              console.log('if语句');
          } else if(i>4){
              console.log('else if语句');
          }else{
              console.log('请重新输入');
          }
      </script>

  程序运行结果图：

  ​​​​​​​​

  ---

  

   

  ---

  总结 ​

        以上就是今天所要分享的内容，今天更新了两篇，到这里该停笔了，最后，依旧诚挚祝福屏幕前的你平安喜乐，健康幸福！