JS中的选择和循环语句

---

前言

三大流程结构： 1）顺序结构 2）选择结构 3）循环结构

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、选择结构

根据一个条件来决定是否执行某一段代码

分类：
1）if选择
2）switch选择

1.if选择

四种写法：
(1)

				if(条件){
				          要执行的代码
				         }

如果条件成立（条件为true），就执行{}中的代码
如果条件不成立(条件为false)，就不执行{}中的代码
(2)

				if(条件){
                    条件满足要执行的代码
                }else{
                    条件不满足要执行的代码
                }

如果条件成立（条件为true），就执行第1个{}中的代码
如果条件不成立(条件为false)，就执行第2个{}中的代码
(3)

				if(条件1){
                    条件1成立 要执行的代码
                }else if(条件2){
                    条件2成立 要执行的代码
                }else if(条件3){
                    条件3成立 要执行的代码
                }else{
                    上面条件都不成立，要执行的代码
                }

(4)

				if(条件1){
                    条件1成立 要执行的代码
                }else if(条件2){
                    条件2成立 要执行的代码
                }else if(条件3){
                    条件3成立 要执行的代码
                }

    --------------------------
    对于这种写法来说：
        if(条件){
            要执行的代码
        }
        要执行的代码只有一行，这个{}可以不写
        如果有多行代码，{}必写

2.switch选择

switch语句：语法：

 				switch(要判断的变量){
                case 情况1:
                    情况1要执行的代码
                    break;
                case 情况2:
                    情况2要执行的代码
                    break;
                default:
                    所有条件都不满足时，要执行的代码
            }

注意事项：

1. 我们写的每一个case和判断的变量的关系是 绝对等于 ===才叫绝对等于。
2. switch只能判断某个具体的值，不能判断范围。
3. 每一人case后面的break必须要写，如果遇到break，整个switch语句就结束了。
4. 如果不写break，不管条件是否满足，代码一直会向下执行，直到遇到break。
5. default后面可以不写break，因为 } 就相当于break。
6. 如果所有case都不满足，就执行default中的代码。

<script>
        // switch小练习：根据月份在控制台输出对应的天数
        // 
        var mouth = 2
        switch(mouth){
            case 1: 
            case 3: 
            case 5: 
            case 7: 
            case 8: 
            case 10: 
            case 12: 
                console.log("31天");
                break
            case 4:
            case 6:
            case 9:
            case 11:
                console.log("30天");
                break
            case 2:
                console.log("28天");
                break
        }
    </script>

二、循环结构

循环语句：
分支：根据某个条件决定是不是执行某片代码。
循环：根据某个条件决定一段代码重复执行多少次。

循环成立的条件：
1）条件变量 初始值 作为循环的开始
2）条件判断 决定是否还要循环
3）循环的代码 重复执行的代码
4）改变循环变量 如果不改变 循环会一直进行下去 陷入死循环

1.while循环语句

while循环，如果条件不成立，意味着循环体一次也不执行。

语法：

               var n = 1;  // 循环变量
                while(条件){
                    重复执行的代码

                    n = n + 1; // 改变循环变量
                }

   <script>
        // 定义一个循环变量
        var n = 1;

        // n<=3是条件  条件成立，执行循环体  {}里面的代码就是循环体
        // 循环体执行完后，再次判断循环条件
        // 如果条件不成立，循环就结束了
        while(n<=3){
            console.log("我执行了~~");

            // 需要在循环体中改变循环变量
            n += 1; // n = n+1
        }
    </script>

2.dowhile语句

在真实项目中基本上不用 了解
语法：

				do{   // {} 叫循环体  至少要执行一次循环体
                    要重复执行的代码
                }while(条件)

和while循环的区别：不管条件是否成立，do while循环至少要执行一次循环体。

3.for循环语句

        for循环语句：
            语法：
                for(表达式1; 表达式2; 表达式3){
                    循环体  要重复执行的代码
                }

表达式1是用来定义循环变量 只执行1次
表达式2是条件 执行N次
表达式3是用来改变循环变量 执行N次
例：

    <script>
        // var i = 0; 定义循环变量
        // i <= 10;  条件
        // i++ 改变循环变量  
        for(var i = 0; i <= 10; i++){
            console.log("我执行了...");
        }
        console.log("后续代码....");
    </script>

---