js switch的使用 ng-switch的使用方法

时间：2024-11-17 17:36:01
语法

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结构说明：

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

相关文章