javascript 流程控制-分支结构

流川枫`

已于 2022-06-22 22:54:19 修改

阅读量236

点赞数

文章标签：前端 html

于 2022-06-22 00:46:21 首次发布

本文链接：https://blog.csdn.net/m0_71988036/article/details/125400944

版权

本文介绍了程序设计中的基本流程控制结构，包括顺序结构、分支结构（if语句、if...else语句、if...elseif多分支语句）和循环语句。通过实例展示了如何根据条件执行不同的代码路径，以及switch语句的使用和注意事项。同时，提到了三元表达式作为简单的条件选择工具。强调了在不同场景下，if...else与switch的适用性和效率差异。

摘要由CSDN通过智能技术生成

1.流程控制

1.1概念

在一个程序执行过程中,各条代码执行顺序对程序的结果是有直接影响的

流程控制主要有三种结构 : 顺序结构 , 分支结构和循环结构.这三种结构代表三种代码执行的顺序

2.顺序流程控制

2.1概念

顺序结构是程序中最简单,最基本的流程结构.它没有特定的结构,程序会按照代码的先后顺序依次执行,程序中大多数代码都是这样执行的

3.分支流程控制 if 语句

3.1概念

由上到下执行代码过程中,根据不同的条件,执行不同路径代码(执行代码多选一的过程),从而得到不同结果

3.2 if的语法结构

<script>
     var num = prompt('请输入数字');
     if(num > '5') {
          alert('数字');
           }
</script>

3.2执行思路

1.如果if表达式结果为真(true),则执行花括号里面的语句

2.如果if表达式的值为假(false),则执行if语句后面的代码

3.语句

3.1概念

语句可以理解为一个行为,循环语句和分支语句就是典型的语句,一个程序由很多个语句组成,一般情况下会分割成一个一个的语句

3.2 if else语句

<script>
   var num = prompt('请输入');
    if(num > '6') {
       alert('10');

            } else {
               alert('5');
                    }
         </script>

2.执行思路

1.如果条件表达式成立,执行语句1

2.如果条件表达式不成立,执行语句2

3.3 if else if多分支语句

<script>
       var num = prompt('请输入');
       if(num > '5') {
             alert('25');
         } else if(num > '6') {
              alert('24')
         } else {
              alert('23');
         }

2.执行思路

1.如果表达式1,就执型语句一,执行完语句一就退出 if

2.如果不满足表达式1,就判断表达式2,如果满足就执行语句2,以此类推

3.如果上述都不满足.就执行最后else里面的语句

4.三元表达式

4.1概念

三元表达式也能做一些简单的条件选择,有三元运算符组成的式子称之为三元表达式

4.2语法结构

<script>
  var num = 25 ;
  var result = num > 5 ?
  alert(result);
 </script>

5.分支流程控制switch语句

5.1概念

switch语句也是多分支语句,它用于基于不同的条件来执行不同的代码,当要针对变量设置一系列的特定值的选项时,就可以使用switch

5.2语法表示

<script>
   var num = pormpt('请输入');
   switch(num) {         //switch  转换 , 开关的意思
    case num :           //case   小例子 ,  选项的意思
     alert('10');
    break;
    case num :
    alert('15');
    break;
    default :
    alert('25');
    }
 </script>