js基本流程控制语句有哪些(js流程图框架)

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

流程控制

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

顺序结构

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

分支结构

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

循环结构

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

表达式

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

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

语句

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

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

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

分支结构

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

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

1、if/else结构

只有一个条件的判断：

 if( 条件表达式 ){    条件表达式的结果是true的时候要执行的代码 }  var gender = prompt(&39;);  if( gender === &39; ){   alert(&39;); }

两个条件的判断：

 if( 条件表达式 ){    条件表达式的结果是true的时候要执行的代码 }else {   条件表达式的结果是false的时候要执行的代码 }  var gender = prompt(&39;); if(gender === &39;){   alert(&39;); }else {   alert(&39;); }

多个条件的判断：

 if( 条件表达式1 ){    条件表达式1的结果是true的时候要执行的代码 }else if(条件表达式2){   条件表达式2的结果是true的时候要执行的代码 }else if(){          } // 如果还有更多的判断，继续写 else if ()  else {   以上的条件都不为true，就会执行这里的代码 }   var num1 =  +prompt();  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(); }

练习：

任意输入两个数,求两个数最大值,在弹窗中显示最大值(练习if-else结构)判断分数区间，分数在90到100的为A，80到89的为B，70到79的为C， 60到69为D，60以下为E (练习if-else-if 结构) // 注意：数学中 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(); break; }

细节：

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

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 只能用于定值判断

本文内容由小滢整理编辑！