web前端—前端三剑客之JS(4)：流程控制语句

目录

分支结构

If分支结构

switch分支结构

循环结构

while语句

do -  while语句

for  语句

---

流程控制：控制程序的执行顺序。

顺序结构。

分支结构(条件结构或选择结构)。

循环结构。

分支结构

根据条件有选择性的执行对应条件下的代码

If分支结构

if 语句，根据表达式的布尔值进行分支选择。

语法结构：

If(){}          ——小括号里面是条件，花括号里面是对应条件下要执行的代码

1. 单项分支if(){}
2. 双向分支if(){}else{}
3. 多项分支if()else if(){}else if(){}...else{}

<script>
        var name = prompt('输入姓名：');
        if(name == '贾宝玉'){
            alert('姓名正确');
        }else{
            alert('不是"'+name+'"这个姓名');
        }
</script>

switch分支结构

Switch语句和if语句类似，不同之处switch的条件可有多个值，而不局限于true或false。

语法结构：

switch(){case 条件值:代码;break;......;default:代码;}

当条件满足后，break用来终止执行后面的代码；default是当上面的所有条件都不满足的时候执行的代码。

<script>
        var number = prompt('输入星期(数字)：');
        switch (number) {
            case '1':
                alert('今天是星期一');
                break;
            case '2':
                alert('今天是星期二');
                break;
            case '3':
                alert('今天是星期三');
                break;
            case '4':
                alert('今天是星期四');
                break;
            case '5':
                alert('今天是星期五');
                break;
            case '6':
                alert('今天是星期六');
                break;
            case '7':
                alert('今天是星期日');
                break;
            default:
                alert('输入错误！！！');
        }
</script>

循环结构

while语句

和if语句一样依赖一个条件表达式，不同之处while会不断的的重复执行。

<script>
        var input_times = 0;
        while (input_times <3) {
            var input_number = prompt('输入1——10之间的数字');
            if(input_number == '6'){
                alert('恭喜你输入正确');
                break;
            }else{
                if (2-input_times >=1){
                    alert('输入错误，你还有'+(2-input_times)+'次输入机会，请重新输入');}
                else{
                    alert('对不起，你的输入次数已经用完，请联系服务人员。');
                    break;
                }
            }  
            input_times++;
        }
</script>

do -  while语句

与while语句 相似，无论条件是否满足，至少循环一次。

<script>
        var sum = 0;
        var i = 100;
        while (i < 100) {
            sum = sum + i;
            i++;
        }
        console.log(sum);

        // 无论条件是否满足，至少循环一次
        var sum = 0;
        var i = 100;
        do{
            sum = sum + i;
            i++;
        }while (i < 100){
            console.log(sum);
        }
</script>

  

for  语句

for(参数1;参数2;参数3){}。

1. 参数1：初始值，作为循环次数的计数器使用
2. 参数2：判断是否执行循环的条件表达式
3. 参数3：每次循环执行后修改计数器的值

break和continue语句：和python相同。

    <script>
        // 计算1——100之间所有数的和
        var sum = 0
        var i = 1
        for(i;i<=100;i++){
            sum = sum + i;
        }
        document.write('1——100之间的所有整数的和是'+sum);
        document.write("<br>");

        // 乘法口诀表
        for(var i = 1;i<=9;i++){
            for(var j = 1;j<=i;j++){
                var product = i*j;
                if(String(product).length !== 2){
                    product = " "+i*j;
                }
                document.write(i+"*"+j+"="+product+"  ");   
            }
            document.write("<br>");
        }
    </script>