语法

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

js switch的使用 ng-switch的使用方法的更多相关文章

  1. 【转】3篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：官方原生方法分析

    作者: 牛A与牛C之间 时间: 2013-11-17 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第3篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  2. JS提交对象数组到服务端的方法总结(C#实例)

    *转载请注明出处: 作者:willingtolove: 本文链接:http://www.cnblogs.com/willingtolove/p/4741549.html 正文: 1. 方法一:利用aj ...

  3. 在Android的webview中定做js的alert,confirm和prompt对话框的方法

    在Android的webview中定制js的alert,confirm和prompt对话框的方法 http://618119.com/archives/2010/12/20/199.html 1.首先 ...

  4. 【转】第4篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：委托回调方法分析

    作者: 牛A与牛C之间 时间: 2013-11-18 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第4篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  5. js动态创建及移除div的方法

    本文实例讲述了js动态创建及移除div的方法.分享给大家供大家参考.具体实现方法如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

  6. [转]js中几种实用的跨域方法原理详解

    转自:js中几种实用的跨域方法原理详解 - 无双 - 博客园 // // 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同 ...

  7. JS中的call、apply、bind方法

    JS中的call.apply.bind方法 一.call()和apply()方法 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]] ...

  8. 原生JS—实现图片循环切换的两种方法

    今天我们主要讲讲如何使用原生JS实现图片的循环切换的方法.多余的话我们就不多说了,我们一个一个开始讲吧. 1  原生JS实现图片循环切换 -- 方法一 在上栗子之前我们先简单介绍一下所用的一些知识点. ...

  9. JavaScript进阶(四)js字符串转换成数字的三种方法

    js字符串转换成数字的三种方法 在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b. ...

  10. JS函数可以再添加属性（包括方法）

    1 前言 JS函数可以再添加属性(包括方法),这个有点有趣,记录一下. 2 代码 <!DOCTYPE html> <html> <head> <title&g ...

随机推荐

  1. MVC5 的MicrosoftOwinSecurity扩展插件——微信，QQ登录第三方源码

    https://github.com/jxnkwlp/Microsoft.Owin.Security.QQ-WebChat

  2. eclipse 导入tortoiseSVN检出项目，不显示svn信息（eclipse安装svn插件）

      eclipse 导入tortoiseSVN检出项目,不显示svn信息(eclipse安装svn插件) CreateTime--2018年5月10日14:10:35 Author:Marydon 1 ...

  3. 22、集合（Collection）

    一.集合(Collection) 1.简介 Collection是一个接口,其定义了集合的相关功能方法.Collection继承了Iterable接口,而Iterable接口有一个方法Iterator ...

  4. 如何在MyEclipse中将项目部署Tomcat

    如果系统里面还没有配置Tomcat,请参照<Windows下如何配置tomcat环境变量>. 1.新建一个web project项目.如下: 效果如下: 2.编写一个实现Servlet接口 ...

  5. linux too many open files报错

    修改方法:vi /etc/security/limits.conf  增加一行,如下: *       -       nofile          65535 修改vi /etc/ssh/sshd ...

  6. mysql中内存的使用与分配

    mysql的内存分配,是调优的重中之重,所以必须搞清楚内存是怎么分配的 mysql> show global variables like '%buffer%'; +-------------- ...

  7. if you are not making someone else's life better, then you are wasting your time.– Will Smith如果你不能给别人的生活带来改善，那么你就是在浪费你的宝贵时间。 --威尔 史密斯(程序员，你做的东西...)

    if you are not making someone else's life better, then you are wasting your time. – Will Smith 如果你不能 ...

  8. 手机网络抓包 转载记录http://blog.csdn.net/skylin19840101/article/details/43485911

    Fiddler不但能截获各种浏览器发出的HTTP请求, 也可以截获各种智能手机发出的HTTP/HTTPS请求.Fiddler能捕获IOS设备发出的请求,比如IPhone, IPad, MacBook. ...

  9. java concurrent之ReentrantLock

    在编码的过程中.有时候我们不得不借助锁同步来保证线程安全.synchronizedkeyword在上一篇博客中已经介绍.自从JDK5開始,加入了还有一种锁机制:ReentrantLock. 二者的差别 ...

  10. 上传一个 游戏server架构图