Javascript中循环语句的理解与运用（三）

循环语句

什么是循环？循环语句有什么用？

答：循环就是重复的去做一件事情，当条件满足的时候执行循环代码，当条件不满足的时候不会执行循环代码。

1.switch语句

应用场景：一般情况下当在程序中能狗明确变量的具体值，可以考虑使用switch语句

注意：switch后面的变量的数据类型一定要和case后面值的类型保持一致

语法：

    <script>
        switch (变量) {
            case 变量中的值1（可能出现的值）:
                逻辑代码
                break;
            case 变量中的值2（可能出现的值）:
                逻辑代码
                break;
            ............;
            //如果出现的值都没有则
            default:
                逻辑代码
                break;
        }
    </script>

break关键字的特点

跳出整个循环（循环结束），开始执行 循环后面的代码

实例：

• 根据用户输入月份，显示对应的季节（例如：3,4,5为春季）

        var z = prompt('');
        z = parseInt(z);//转为数字类型
        switch (z) {
            case 3:
            case 4:
            case 5:
                document.write('春天');
                break;
            case 6:
            case 8:
            case 7:
                document.write('夏天');
                break;
            case 10:
            case 9:
            case 11:
                document.write('秋天');
                break;
            case 11:
            case 2:
            case 12:
                document.write('冬天');
                break;
        }

    </script>

2.while循环

语法：

先初始化一个变量
while（条件表达式） {
	逻辑代码  //循环体代码
	修改变量的值;
}

执行过程：

1. 先执行变量初始化（给变量设置一个默认值）
2. 将该变量的默认值带入条件表达式中，条件判断结构是 true 还是 false
3. 如果是true，那么程序会修改变量的值
4. 如果条件为false，那么程序会立即跳出循环体代码结束执行
5. 将修改后的变量的值再次带入表达式中，判断结果，如果为true就继续循环（一直执行循环体中的代码）除非判断结果为false才结束；
   案例体验：

    <script>
        var num = 1;
        while (num <= 10) {
            document.write('');
            // break;//循环一次立马结束
            //变量的自增
            num++//如果不加num++的话，会进入死循环
        }

    </script>

3.do…while循环

语法：

变量初始化
do{
循环体代码
修改变量的值
}while（条件表达式）

执行过程：

1. 变量初始化，先给变量赋值
2. 执行循环体中的代码，并且修改变量的值
3. 将修改后变量的值带入到条件表达式中，结果是否成立
4. 如果结果是false，整个循环不再执行
5. 如果结果为true，继续执行循环体中的代码

注意：

7. do while 循环先执行代码后判断条件
8. while循环 先判断条件后执行代码
9. 如果条件不满足的情况下do while要比while多循环一次

4.for循环

语法：

    <script>
        for(变量初始化;条件表达式;变量自增(变量自减)){
            循环体代码
        }
    </script>

执行过程：条件满足执行，条件不满足不执行

1. 变量初始化
2. 将变量中的值带入到条件表达式中，判断条件是否成立
3. 如果条件成立，执行循环体中的代码
4. 执行变量自增(变量自减)
5. 继续将变量的值带入到条件表达式中，判断条件是否成立，则继续执行循环体中的代码
6. 如果条件不满足，循环立即结束

continue关键字：
特点：
在循环语句中如果程序执行了continue关键字，那么后面的代码就不会执行了，整个循环不会结束，立即进行下一次循环

//1-10之间的数字，但是不包括5
	for(var i = 1;i<=10;i++){
	if(i==5) {
	continue;//此时输出的数字中没有5
	}
	console.log(i)
	}