JavaScript 流程控制-分支

一、流程控制

流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构。

二、顺序流程控制

顺序结构，没有特定的语法结构，程序会按照代码的先后顺序，依次执行，

三、分支流程控制 if 语句

1、分支结构

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

JS语言提供了两种分支结构语句

1、if 语句

2、Switch 语句

2、if语句

if 的语法结构

if （条件表达式）{

         // 执行语句

}

执行思路：如果if 里面的条件表达式结果为真 true 则执行大括号里面的  执行语句 

        如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码

3、if else 语句（双分支语句）

语法结构

if （条件表达式）{

        //执行语句1

}  else {

        //执行语句2

}

执行思路：如果表达式结果为真  那么执行语句1  否则  执行语句2

4、判断闰年案例

5、if else if 多分支语句

语法规范

if （条件表达式1）{

        //语句1

}  else if （条件表达式2）{

        //语句2

}  else if （条件表达式3）{

        //语句3

} else {

        //最后语句

}

执行思路：如果条件表达式1 满足就执行  语句1执行完毕，退出整个 if 分支语句

                 如果条件表达式1不满足，则判断条件表达式2  满足的话就执行语句2

                 如果上面的所有条件表达式都不成立，则执行else 里面的语句

注意; 多分支语句还是多选一，最后只能有一个语句执行

四、三元表达式

1、语法结构

条件表达式  ？  ‘是的’ ：‘不是的’；

如果条件表达式结果为真则返回表达式1的值 如果条件表达式结果为假 则返回表达式2的值

2、数字补零案例

如果数字小于10，则在这个数字前补0，否则不操作

五、分支流程控制 Switch 语句

1、语法结构

当要针对变量设置一系列的特定值的选项时，就可以用Switch

Switch（表达式）{

        case  value1：

                执行语句1；

                break；

        。。。

        default：

                执行最后的语句；

}

执行思路：利用我们的表达式的值 和 case 后面的选项值相匹配 如果匹配得上，就执行该case里面的语句  如果没有匹配的上，那么执行default 里面的语句

注意事项: 我们开发里面 表达式我们经常写成变量

                我们num 的值和case 里面的值相匹配的时候是全等 必须是值和数据类型一致才可以num===1

                如果当前的case里面没有break 则不会退出Switch 是继续执行下一个case

2、Switch 语句 和 if else if 语句的区别