zoukankan      html  css  js  c++  java
  • js switch的使用 ng-switch的使用方法

    语法
    
    switch(n)
    {
    case 1:
      执行代码块 1
      break;
    case 2:
      执行代码块 2
      break;
    default:
      n 与 case 1 和 case 2 不同时执行的代码
    }
    
    工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,
    则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。 实例 显示今日的周名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等: var day=new Date().getDay(); switch (day) { case 0: x="Today it's Sunday"; break; case 1: x="Today it's Monday"; break; case 2: x="Today it's Tuesday"; break; case 3: x="Today it's Wednesday"; break; case 4: x="Today it's Thursday"; break; case 5: x="Today it's Friday"; break; case 6: x="Today it's Saturday"; break; default:   x="Looking forward to the Weekend"; } 鹰击长空,鱼翔浅底
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body ng-app="">
    我喜欢的网站
    <select ng-model="myVar">
      <option value="runoob">www.runoob.com
      <option value="google">www.google.com
      <option value="taobao">www.taobao.com
    </select>
    
    <hr>
    <div ng-switch="myVar">
      <div ng-switch-when="runoob">
         <h1>菜鸟教程</h1>
         <p>欢迎访问菜鸟教程</p>
      </div>
      <div ng-switch-when="google">
         <h1>Google</h1>
         <p>欢迎访问Google</p>
      </div>
      <div ng-switch-when="taobao">
         <h1>淘宝</h1>
         <p>欢迎访问淘宝</p>
      </div>
      <div ng-switch-default>
         <h1>切换</h1>
         <p>选择不同选项显示对应的值。</p>
      </div>
    </div>
    <hr>
    
    <p> ng-switch 指令根据当前的值显示或隐藏对应部分。</p>
    
    </body>
    </html>
     JS switch 分支语句
    
    描述:根据一个变量的不同取值,来执行不同的代码。
    
    语法结构:
    
    switch(变量)
    
    {
    
        case 值1:
    
               代码1;
    
               break;
    
        case 值2:
    
               代码2;
    
               break;
    
        case 值3:
    
               代码3;
    
               break;
    
        default:
    
               如果以上条件都不满足,则执行该代码;
    
    }
    
      switch结构说明:
    
           switchcasebreak、default都是系统关键字,都必须全小写。
    
         switch后的小括号():小括号内一般是一个变量名,这个变量可能会有不同的取值。
    
         每个case的值,与变量的值进行比对,如果一致就执行该case后的代码。
    
         所有的case都是“或”的关系,每时每刻只有一个case会满足条件。
    
         每个case中的代码执行完毕后,必须要用break语句结束,结束之后,程序将跳到switch结束大括号之后运行。
    
        如果不写break语句的话,下面所有的case语句都会执行一遍。
    
     
    
    //实例:输出今天是星期几
    
    /*
    
           (1)创建一个日期时间对象,它中有很多的信息:时、分、秒、年、月、日、星期
    
           (2)取出日期对象中的星期值
    
           (3)根据星期值(0-6)来输出中文的星期几
    
    */
    
    //(1)创建一个系统日期时间对象,其中Date()是系统函数,首字母大写
    
    var today = new Date();
    
    //(2)从Date对象中取出星期值
    
    var week = today.getDay();  //返回0-6,0代表星期日
    
    //(3)使用switch来输出今天是星期几
    
    var str;
    
    switch(week)
    
    {
    
           case 1:
    
                  str = "一";
    
                  break;
    
           case 2:
    
                  str = "二";
    
                  break;
    
           case 3:
    
                  str = "三";
    
                  break;
    
           case 4:
    
                  str = "四";
    
                  break;
    
           case 5:
    
                  str = "五";
    
                  break;
    
           case 6:
    
                  str = "六";
    
                  break;
    
           default:
    
                  str = "日";
    
    }
    
    //(4)输出结果
    
    document.write("今天是星期"+str)
    
     
    
    if多条件判断和switch的区别
    
    if中的条件一般是一个范围(a>100),而switch中的条件一般是一个变量的不同取值。
  • 相关阅读:
    Hbase调用JavaAPI实现批量导入操作
    spring-quartz定时任务使用小结
    Cocos2d-x JSB 自己主动绑定bindings
    CentOS 6.x安装多GCC版本号,cmake的安装与使用
    PPAPI+Skia实现的涂鸦板
    UVA
    [ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
    文本分析之中文分词
    cocos2d-x创建精灵动画
    美国L1签证申请的常见问题解析
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6519772.html
Copyright © 2011-2022 走看看