【JavaScript】分支结构和循环结构

目录

一、流程控制

二、分支结构

1. if语句

2. if…else语句

3. if…else if语句

4. switch语句

5. 条件表达式构成的选择结构

三、循环结构

1.while循环

2. do-while循环

3. for循环

3.1 for循环转换为while循环

3.2 断点调试

4. 循环嵌套

---

一、流程控制

流程控制是指通过控制代码的执行顺序来完成要实现的功能，流程控制的3种结构如下：

• 顺序结构是程序中最基本的结构，程序会按照代码的先后顺序依次执行。
• 分支结构用于根据条件来决定是否执行某个分支代码。
• 循环结构用于根据条件来决定是否重复执行某一段代码。

二、分支结构

1. if语句

if语句也称为条件语句、单分支语句，当满足某种条件时，就进行某种处理。

if ( 条件表达式 ) {  

        // 代码段

}

当条件表达式为真时，执行下面的代码。

        var t = true;
        var a=10,b=20;
        console.log("交换前：a="+a+",b="+b);
        if(t){
            var t = a;
            a=b;
            b=t;
        }
        console.log("交换后：a="+a+",b="+b);

在没有'{}'的时，if控制范围是到其后的第一条语句

        // 在没有'{}'的时，if控制范围是到其后的第一条语句
        var t = false;
        var a=10,b=20;
        console.log("交换前：a="+a+",b="+b);
        if(t)
            var t = a;  // 因为t为false，所以if语句不成立，这句话没有执行
            a=b;    // 输出：20，因为没有{}，不再if循环中，所以执行了
            b=t;    // 输出：false，因为没有{}，不再if循环中，所以执行了

        console.log("交换后：a="+a+",b="+b);

2. if…else语句

if…else语句也称为双分支语句，当满足某种条件时，就进行某种处理，否则进行另一种处理。

if ( 条件表达式 ) {  

        // 代码段1

} else {

          // 代码段2

}

        var k = 21;
        if(k%2===0){
            console.log(k+"是偶数");
        }else{
            console.log(k+"是奇数")
        }

注意：else是关键字，但是不能单独使用，必须和if结合使用。 

3. if…else if语句

if…else if语句也称为多分支语句，可针对不同情况进行不同的处理。

if ( 条件表达式1 ) {  

        // 代码段1

} else if ( 条件表达式2 ) {  

        // 代码段2

}

...

else if ( 条件表达式n ) {  

        // 代码段n

} else {

        // 代码段n+1  

}

        /* 输入一个学生的成绩,输出成绩的等级
        >=90分 --- A
        >=80分 --- B
        >=70分 --- C
        >=60分 --- D
        <60分 --- E
        */
        var s = prompt('请输入成绩')
        var k = null;
        if (s >= 90) {
            k = 'A';
        } else if (s >= 80 && s < 90) {
            k = 'B';
        } else if (s >= 70 &&a