javascript学习全过程-----js学习笔记（2）------逻辑分支

**

javascript学习全过程-----js学习笔记（1）------js的基础语法

**

javascript学习全过程-----js学习笔记目录

**

分支结构

顺序执行:

       ==>默认是从上到下,一次执行

要素：

==>一个是条件

==>一个是某个条件对应的代码段

1.if语句

语法：

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

解释：

==>通过if里面的条件是否成立来决定{}里面的代码是否执行

==>if里面的条件,为true就表示成立,就会执行{}里面的代码

==>if里面的条件,为false就表示不成立,就不会执行{}里面的代码

==>条件不一定是布尔值,不管条件是什么数据类型,只要他在if()里面,强转boolean

实例：

 //if里面的条件,为true就表示成立,就会执行{}里面的代码
if(true){
    console.log("条件是true,代码执行了")
}
//if里面的条件,为false就表示不成立,就不会执行{}里面的代码
if(false){
   console.log("条件是false,我的代码执行了吗")
}

 

2.if else 语句

语法：

==>if(条件) {

                条件为true的时候执行的代码

       }else{

                条件为false执行的代码

       }

注意：

两个{}里面必然有一个执行

实例：

         //判断一个人是否是成人
         var age = 21;
         if(age<18){
             console.log("你是未成年人")
         }else{
             console.log('你是成年人')
         }

 

3.if...elseif....语句

语法：

==>if(条件1){条件1为true执行的代码} else if(条件2){条件2为true执行的代码} 

注意：

==>多个{},只会有一个{}被执行,一旦有一个条件为true,后面的就不再判断了

==>第一个条件为false,第一个条件里面的{}不执行,继续判断下一个条件,条件为true,下一个条件后面的代码就执行

==>第一个条件为false,第一个条件里面的{}不执行,继续判断下一个条件,条件为false,不执行

4.if...elseif...else语句

语法：

if(false){

             console.log('代码段1')

    }else if(false){

             console.log('代码段2')

    }else{

             console.log('代码的段3')

    }

注意：

==>if条件为false,不执行,判断else if里面的条件,还是false,不执行,所有的条件都不满足,执行else里面的代码

例题：

          //练习:分数转换，把百分制转换成ABCDE, <60 E, 60-70 D, 70-80 C ,80-90 B ,90 - 100 A
         var score = 87;
         if(score<60){
             console.log('E');
         }
         //能够走到这里,说明<60不满足,也就是>=60
         else if(score<70){
            console.log('D');
         }
        //能够走到这里,说明<70不满足,也就是>=70 
        else if(score<80){
            console.log('C');
        }
        //能够走到这里,说明<80不满足,也就是>=80 
        else if(score<90){
            console.log('B');
        }
        //能够走到这里,说明<90不满足,也就是90-100
        else{
            console.log('A');
        }

 

5.三元计算

==>就是对if...else语句的一个简写形式

==>语法:   条件?条件为true执行:条件为false执行

==>适合要执行的代码不多的情况,如果代码较多,还是使用if...else...

例题：

        //判断一个人是否是成人
        var age = 21;
        age<18?alert("你是小朋友"):alert("你是大朋友");

 

6.switch条件分支结构

语法:

                    switch(要判断变量){

                        case 情况1:

                            情况1要执行的代码;

                            break;   //break表示本次分支判断结束,不用继续判断了

                        case 情况2:

                            情况2要执行的代码;

                            break;

                        ......

                        default:

                            上述情况都不满足执行的代码

                            break;

                    }

注意：

==>要判断某一个变量等于某一个值的时候使用

==>情况1,情况2,情况3....:只能是具体的值