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中的条件一般是一个变量的不同取值。

 

posted @ 2017-03-08 15:44  Lonely,lonelyBurning  阅读(2420)  评论(0编辑  收藏  举报