JS流程控制(语句)

匿名 (未验证) 提交于 2019-12-02 23:49:02

一、流程控制

1. 作用:控制代码的执行顺序

2. 分类:

(1) 顺序结构:从上到下依次执行代码语句

(2) 分支/选择结构

1. if语句

简单if结构

  if(条件表达式){       表达式成立时执行的代码段   }

注意 : 除零值以外,其他值都为真,以下条件为假值false

if(0){} if(0.0){} if(""){} //空字符串 if(undefined){} if(NaN){} if(null){}

var a = 10; if(a<5){     console.log('成立');    //如果if不成立则不运行 } if(a<5)console.log('成立');    //如果if不成立则不运行 console.log('测试');

2.if - else结构

if(条件表达式){     //条件成立时执行 }else{     //条件不成立时选择执行
var a = 10; if(a==0){     console.log('成立') }else{     console.log('不成立') }

3.多重分支结构

 if(条件1){     //条件1成立时执行 }else if(条件2){     //条件2成立时执行 }else if(条件3){     //条件3成立时执行 }...else{     //条件不成立时执行 }
var bmi=23.5; if(bmi>23.5){     console.log('肥胖') }else if(bmi>=18.5){     console.log('正常') }else{     console.log('偏瘦') } //正常

4.switch语句

语法 :

switch(value){      case 值1 :      //value与值1匹配全等时,执行的代码段      break; //结束匹配      case 值2 :      //value与值2匹配全等时,执行的代码段      break;      case 值3 :      //value与值3匹配全等时,执行的代码段      break;      default:       //所有case匹配失败后默认执行的语句       break; }

使用 :

  1. switch语句用于值的匹配,case用于列出所有可能的值;只有switch()表达式的值与case的值匹配全等时,才会执行case对应的代码段

  2. break用于结束匹配,不再向后执行;可以省略,break一旦省略,会从当前匹配到的case开始,向后执行所有的代码语句,直至结束或碰到break跳出

  3. default用来表示所有case都匹配失败的情况,一般写在末尾,做默认操作

  4. 多个case共用代码段

 1 <!DOCTYPE html>  2 <html lang="en">  3 <head>  4     <meta charset="UTF-8">  5     <title>Title</title>  6     <script>  7         //var week = Number(prompt('请输入0-6之间是数字'));  8         //var week = parseInt(prompt('请输入0-6之间是数字'));  9         /*switch(week){ 10             case 0://'0'===0 11                 //变量值与case列举的值匹配全等时执行的代码段 12                 console.log('星期日') 13                 break; 14             case 1: 15                 console.log('星期一') 16                 break; 17             default: 18                 console.log('请输入合法值'); 19  20         }*/ 21         //多个case共用代码段 22         var month = Number(prompt('月份')); 23         switch(month){ 24             case 1: 25             case 3: 26             case 5: 27             case 7: 28             case 8: 29             case 10: 30             case 12: 31                 console.log('31天'); 32                 break; 33             case 2: 34                 console.log('28天'); 35                 break; 36             default: 37                 console.log('30天'); 38         } 39     </script> 40 </head> 41 <body> 42 </body> 43 </html>
switch示例

5. 循环结构

作用:根据条件,重复执行某段代码

分类


定义循环变量;   while(循环条件){    条件满足时执行的代码段    更新循环变量;   }
//循环变量 var i = 1; var sum=0; while(i<101){     //循环体     console.log(i);     sum+=i;     //更新循环变量     i++; } console.log(sum);

 

do{     循环体;     更新循环变量 }while(循环条件);
//循环输出一百次 var i = 101; do{     console.log('python');     //更新循环变量     i++; }while(i<101);

while循环先判断循环条件,条件成立才执行循环体

do-while循环不管条件是否成立,先执行一次循环体


for(定义循环变量;循环条件;更新循环变量){     循环体; }

循环控制 :

/*控制循环体的执行:break/continue*/ for(var i=1;i<10;i++){ console.log(i);     if(i==5){         console.log('--------')         //一旦执行break,循环体中后面的代码都不执行         break;     } }

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!