前端js学习笔记--判断分支

一.JS流程控制——分支

1.if的语句结构

if(条件表达式){
  执行语句
}

2.if else的语句结构

if(条件表达式){
  执行语句
} else{
  执行语句 
}

注意：else后面直接跟大括号，不能加小括号

3.if else if语句（多分支语句）

if(条件表达式1){
  执行语句
} else if(条件表达式2){
  执行语句 
} else if(条件表达式3){
  执行语句 
} else{ 
  最后的语句
}

4.三元表达式
有三个运算数组成的式子叫三元表达式
语法结构：条件表达式 ？ 表达式1 ：表达式2
执行思路：如果条件表达式结果为真，则返回表达式1的值；如果条件表达式结果为假，则返回表达式2的值

 var num = 10;
 var result = num > 5 ? '是的' : '不是';
 console.log(result);

5.switch语句
当要针对变量设置一系列的特定值的选项时，就可以使用switch.
语法结构：

switch(表达式){
	case value1:
		执行语句1;
		break;
	case value2:
		执行语句2;
		break;
	...
	default:
		执行最后的语句; 
}

执行思路：利用表达式的值 和 case后面的选项值相匹配，如果匹配上，就执行该case里面的语句，如果没有匹配上，那么执行default里面的语句。
注意事项：
①表达式中的值 和 case后面的value值在匹配时是全等的，必须是值和数据类型完全一致才可以
②如果当上一个的case中没有break时，它将继续执行下一个case。

6.switch语句和if else if语句区别
①switch…case语句通常处理case为比较确定值的情况，而if…else常用于范围的判断
②switch语句执行效率更高
③当分支比较少时，if…else语句的执行效率比switch语句高。
④当分支比较多时，switch语句的执行效率比较高。