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....:只能是具体的值