JavaScript的流程控制之if条件语句和switch选择语句（一）

JavaScript的流程控制（一）

接下来我么来讲一下JavaScript的流程控制，JavaScript中的流程控制主要包括条件语句和循环语句。这篇博客主要讲条件语句。说到条件语句主要包括if条件语句和switch选择语句两种。

1.if语句

//语法：
// if(判断的条件){
//     条件成立时的执行代码
// }
//if语句当条件不成立时，不执行任何的代码

var oDate=new Date();
console.log(oDate.getDay());

if(oDate.getDay()==6){
console.log("今天是星期五")
}

2.if…else语句

if…esle语句，当条件成立时，执行if后面的执行代码，不成立时 执行else代码块。

//语法：
// if(判断的条件){
//     // 条件成立时执行代码
// }else{
//     // 条件不成立时执行的代码
// }
if(oDate.getDay()==6){
console.log("今天是星期六")
}else{
console.log("今天不是星期六")
}

3.if…else if…else语句

使用 if…else if…else 语句来选择多个代码块之一来执行。

// 语法：
// if(判断条件){
//     // 当前条件成立时 执行的代码
// }else if(判断条件2){
//     // 当前条件2成立时 执行的代码
// }else if(){
//     ...
// }else{
//     // 当所有的条件都不成立时 执行的代码
// }

var aDays=[1,2,3,4,5,6,7];
var oDay=aDays[6]
if(oDay==1){
console.log("今天是星期一")
}else if(oDay==2){
console.log("今天是星期二")
}else if(oDay==3){
console.log("今天是星期三")
}else if(oDay==4){
console.log("今天是星期四")
}else if(oDay==5){
console.log("今天是星期五")
}else if(oDay==6){
console.log("今天是星期六")
}else{
console.log("今天是星期天")
}

4.switch 语句

switch 语句用于基于不同的条件来执行不同的动作。

// 语法：
// switch (key) {
//     case 当key为value1:
//         // 执行代码
//         break;
//     case 当key为value2:
//         // 执行代码
//         break;
//     case 当key为value3:
//         // 执行代码
//         break;
//     case 当key为value4:
//         // 执行代码
//         break;
//     ...
//     default:
//         //当key  匹配不到case时  默认的执行的代码
//         break;
// }

var oDate=new Date();
var oDay = aDate.getDay();
switch (oDay) {
case 1:
console.log("今天是星期一");
break;
case 2:
console.log("今天是星期二");
break;
case 3:
console.log("今天是星期三");
break;
case 4:
console.log("今天是星期四");
break;
case 5:
console.log("今天是星期五");
break;
case 6:
console.log("今天是星期六");
break;
default:
console.log("今天是星期天");
break;
}

这里主要要强调一个问题就是switch语句中，每个case语句结束后，必须都要加上一个break，用来结束当前的语句继续向下执行。如果忘记了添加break，每一个case执行完不会立马结束，而回继续向下执行，如下面的代码：

var number=1;
switch (number){
case 1: console.log(number);
case 2: console.log(number);
case 3: console.log(number);
case 4: console.log(number);
case 5: console.log(number);
default :console.log(number);
}
// 上边的代码每种 case 都会执行一遍，即在浏览器控制台打印 6 遍 1。

最后再总结一下if语句和switch语句的区别和应用场景。

if条件语句和switch选择语句的比较：

• switch语句只支持常量值相等的分支判断，而if语句支持更为灵活，任意布尔表达式均可。
• switch语句通常比一系列嵌套if语句效率更高；逻辑更加清晰。

if语句和switch语句的使用场景

• switch选择语句建议判断固定值的时候用
• if条件语句建议判断区间或范围的时候用
• 最后用switch选择语句可以实现的，用if都可以实现，但是反过来则不行。

视频讲解链接：https://www.bilibili.com/video/BV1mC4y1H7oZ/