Js基础21：流程控制之分支结构

大家好，欢迎来到IT知识分享网。

流程控制

js里面的代码是有执行顺序的，通过一些特殊的方式控制那些代码如何执行 —— 流程控制

顺序结构

按照从上到下的顺序，一行不漏的执行

分支结构

在逻辑上有多个分支，只会选择一个分支执行

循环结构

重复的代码，可以使用循环的方式实现多次

表达式

可以得到一个结果的代码 ，比如：

 // 下面都可以称为表达式  12; // 结果是12  a++; // 结果是 11  5 > 6; // 结果是 false  // ...

语句

语句可以理解为一个行为，一般在行为和行为之间，都会使用 ; 隔开

 console.log(12); // 行为就是输出了一个12在控制台  alert('helloworld');　// 行为就是弹出了个提示框  var a = 10;

简而言之：一个程序可以由多个语句组成，一个语句可以由多个表达式组成

分支结构

从多个分支里面选择一个 —— 作用 ：判断

判断一下一个人的性别，如果是男的，让他上男厕

1、if/else结构

只有一个条件的判断：

 if( 条件表达式 ){     条件表达式的结果是true的时候要执行的代码  }    var gender = prompt('请问您的性别是男的吗');    if( gender === '男' ){    alert('男厕所在二楼的最东边，请去吧');  }

两个条件的判断：

 if( 条件表达式 ){     条件表达式的结果是true的时候要执行的代码  }else {    条件表达式的结果是false的时候要执行的代码  }    var gender = prompt('请告诉我你的性别');  if(gender === '男'){    alert('男厕所在二楼的最东边，请去吧');  }else {    alert('女厕所在3楼的西边');  }

多个条件的判断：

 if( 条件表达式1 ){     条件表达式1的结果是true的时候要执行的代码  }else if(条件表达式2){    条件表达式2的结果是true的时候要执行的代码  }else if(){            }  // 如果还有更多的判断，继续写 else if ()    else {    以上的条件都不为true，就会执行这里的代码  }      var num1 =  +prompt("请输入一个数字(1~7):");    if(num1 === 1){      console.log("星期一");  }else if(num1 === 2){      console.log("星期二");  }else if(num1 === 3){      console.log("星期三");  }else if(num1 === 4){      console.log("星期四");  }else if(num1 === 5){      console.log("星期五");  }else if(num1 === 6){      console.log("星期六");  }else if(num1 === 7){      console.log("星期日");  }else{      // 这里的代码,当上面所有条件都不成立, 就执行这里的代码      console.log("请务必输入1-7");  }

练习：

0. 任意输入两个数,求两个数最大值,在弹窗中显示最大值(练习if-else结构)
1. 判断分数区间，分数在90到100的为A，80到89的为B，70到79的为C， 60到69为D，60以下为E (练习if-else-if 结构)
2. // 注意：数学中 3 < x < 10 的写法在js中不存在， 要改成 3 < x && x < 10

   
   var score = 11;

   
   console.log(3 < score < 10); // true

   
   console.log(3 < score && score < 10); // false

2、switch结构

在js里面如果是比较固定值，推荐使用swtich-case结构

语法：

 switch (变量){    case 要比较的固定的值1:      变量和 固定的值1  ===   的时候要执行的代码      break;    case 要比较的固定的值2:      变量和 固定的值2  ===   的时候要执行的代码      break;    case 要比较的固定的值3:      变量和 固定的值3  ===   的时候要执行的代码      break;    default:      当以上所有的条件都不成立的时候，代码在这里执行      break;  }

举例：

 switch(num){      case 1: alert("星期一");break;      case 2: alert("星期二");break;      case 3: alert("星期三");break;      case 4: alert("星期四");break;      case 5: alert("星期五");break;      case 6: alert("星期六");break;      case 7: alert("星期日");break;      default: alert("请输入正确的数字:1-7"); break;  }

细节：

0. 小阔号里面的变量 全等于 case 后面的值得时候,这个case后面的代码就会被执行
1. default不是必须的，如果小阔号里面的变量都不等于所有的case后面的值，才会执行default 后面的代码
2. break的作用是结束判断，如果后面没有写break，则代码会继续往下执行
3. .变量和固定值的比较是 === 严格等于

3、三元表达式(补充)

三元（三目）表达式的使用是简写if-else结构

语法：

 表达式1 ? 表达式2 : 表达式3  // 如果表达式1 成立， 那么就执行表达式2  // 如果表达式1 不成立， 那么就执行表达式3  //例如：求二个数字中谁更大  var a = 10; var b = 20;  var max = a > b ? a : b;  console.log(max);

总结：

if/else结构，多用于判断区间、不定值判断

switch-case 只能用于定值判断