zoukankan      html  css  js  c++  java
  • JS流程控制(语句)

    一、流程控制

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

    2. 分类:

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

    (2) 分支/选择结构

    1. if语句

    简单if结构

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

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

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

    特殊写法 : { }可以省略,一旦省略,if语句只控制其后的第一行代码

    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共用代码段

                case 值1:

                case 值2:

                case 值3:

                以上任意一个值匹配全等都会执行的代码段

     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. 循环结构

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

    分类

      1. while循环

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

      2. do-while循环

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

     与while循环的区别 

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

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

      3. for循环

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

    循环控制 :

      1. break 强制结束循环

      2. continue 结束当次循环,开始下一次循环

      循环嵌套 :  在循环中嵌套添加其他循环

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

     

  • 相关阅读:
    mysql 递归查找菜单节点的所有子节点
    mapStruct笔记
    JavaBean映射工具dozer学习
    常见Bean映射工具分析评测及Orika介绍
    Java 实体-实体的映射框架
    实体类与实体DTO类之间的转换
    推荐一个 Java 实体映射工具 MapStruct
    java Web项目Service层通用接口和entityVo对象与entity对象转化问题的解决方案
    SpringData JPA进阶查询—JPQL/原生SQL查询、分页处理、部分字段映射查询
    JPA框架下使用纯粹的原生SQL
  • 原文地址:https://www.cnblogs.com/maplethefox/p/11216412.html
Copyright © 2011-2022 走看看