一、我们在流判断的时候，我们大多数的情况我使用if  else 语句。但是对于一些大量的逻辑的判断的时候，我们不建议使用if elseif语句 这种语句的效率执行不高，因为他每个expression 都需要进行计算判断，而switch case语句，在效率上更比if语句更高

其原理他本身根据生成的静态表，通过索引进行匹配效率高于if语句。

执行流程：

switch （expression){

case value1:

statement

break

case value2：

statement

break

.......

default:

statement

}

首先执行switch内的expression，计算值，然后进行case进行判断。匹配到case，执行对应的statement  如果有break，则跳出switch语句，如果没有则执行剩下的case语句，最后执行default 内的语句。如果带有break的，当匹配执行完case的时候，不会执行default 语句。如果

没有匹配到case最后执行default语句。

需要注意：switch语句的case匹配是全等匹配。不存在类型转换这点不同于if语句。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     var  date=new Date();

     switch(date.getDate()){

         case :

         alert();

         case :

         alert();

         case :

         alert();

         case :

         alert()

         case :

         alert()

         default:

         alert('default')

     }

 </script>

 </body>

 </html>

如上switch语句，如果没有break的语句。在执行完的匹配的执行语句的时候，还会执行default语句。

加上break则匹配到case语句之后，不会执行default语句。此时default语句相当于if中的else部分。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     var  date=new Date();

     switch(date.getDate()){

         case :

         alert();

         break;

         case :

         alert();

         break;

         case :

         alert();

         break;

         case :

         alert();

         break;

         case :

         alert();

         break;

         default:

         alert('default')

     }

 </script>

 </body>

 </html>

一般的情况下 我们会用switch做一些值 的判断，当然我们可以进行逻辑的判断：

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

 var num=;

 switch(true){

     case num>:

     alert("大于24！");

     break;

     case num<&&num>:

     alert("大约20，小于24！");

     break;

     case num===:

     alert("等于24");

     break;

     default:

     alert("判断不了")

 }

 </script>

 </body>

 </html>

原生js switch语句的更多相关文章

  1. 笔记二：JS的输出、语法、语句、字符串、条件语句、switch语句、for循环、while循环

    1.JS的输出: 注意:JS没有任何打印或者输出的函数 JS输出数据的集中方法:  1.使用window.alert()弹出警告框: 2.使用document.write()方法将内容写到HTML文档 ...

  2. 【JS】332- 为什么我更喜欢对象而不是 switch 语句

    昨天偷懒了,欢迎点击关注???这样我就多更大的动力日更了- 正文从这里开始~~~ 最近(或者不是最近,这完全取决于您什么时候阅读这边文章),我正在跟我的团队伙伴讨论如何去处理这种需要根据不同的值去处理 ...

  3. JS基础_条件分支语句：switch语句

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. js中switch语句不执行

    参考http://www.jb51.net/article/54393.htm switch语句与if语句的关系最为密切,也是其它编程语言中普遍使用的一种流程控制语句,但switch的匹配是全等模式, ...

  5. JS流程控制语句 多种选择（Switch语句) 当有很多种选项的时候，switch比if else使用更方便。

    多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便. 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码 ...

  6. JS中switch语句做选择时为什么可以不用break？

    在JavaScript中,switch语句相比其他语言并没有特殊之处. 在使用时,我们要注意每个分支后都应加一条break语句,否则后面的分支仍然会执行.实际程序中,我发现有时没用break语句,仍然 ...

  7. js运算符和if语句，switch语句

    逻辑运算符 类型 运算符 算数运算符 +   -    *   /   %   ++   -- 赋值运算符 = 比较运算符 >   <   >=  <=   ==   !=   ...

  8. 原生JS实现简易转盘抽奖

    我爱撸码,撸码使我感到快乐. 大家好,我是Counter. 本章带大家来简单的了解下原生JS实现转盘抽奖. 因为主要涉及到JS,在这里HTML和CSS起到的功能就没有那么重要, 因此,没有过多的阐述H ...

  9. 原生js的容易忽略的相似点（一）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. 关于CSS和JS中用到的各种Height和Width的问题

    自己记不住,列一下关于CSS和JS中用到的各类有关Height和Width属性的介绍对比. 所属类别 属性名 意义 其他 浏览器模型 Screen.height 浏览器窗口所在的屏幕的高度(单位像素) ...

  2. js-ES6学习笔记-Iterator

    1.遍历器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制.任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员). 2.Iterator ...

  3. js-ES6学习笔记-Promise对象(2)

    1.Promise实例具有then方法,也就是说,then方法是定义在原型对象Promise.prototype上的.它的作用是为Promise实例添加状态改变时的回调函数. 2.Promise.pr ...

  4. PHP-隐藏手机号中间四位

    substr_replace('手机号', '****', 3, 4);

  5. HTTP 协议入门-笔记

    原文参考http://mp.weixin.qq.com/s/czx0AHaItrJ-c49XDboIUg  HTTP是基于TCP/IP协议的应用层协议,规定了客户端和服务端之间的通信格式,默认使用80 ...

  6. OpenCV 图形变换

    1.图片缩小 matScale=np.float32([[0.5,0,0],[0,0.5,0]]) dst=cv2.warpAffine(img,matScale,(int(height/2),int ...

  7. 移动端采坑：Position: fixed 在Safari上的Bug

    Position: fixed 在IOS上的显示效果 会出现两种情况: 点击fixed定位的元素会出现fixed定位失效导致的元素贴向底部,即position: absolute,bottom: 0p ...

  8. ASP.NET Core 依赖注入最佳实践——提示与技巧

    在这篇文章,我将分享一些在ASP.NET Core程序中使用依赖注入的个人经验和建议.这些原则背后的动机如下: 高效地设计服务和它们的依赖. 预防多线程问题. 预防内存泄漏. 预防潜在的BUG. 这篇 ...

  9. Java为什么不支持多继承

    类定义属性和方法 描述某一类事物的抽象 而接口定义的是行为 并不限于任何具体意向 按照逻辑上来说 单继承更明确 一个子类就应该是其父类代表的事物中的某个更具体的类别 不应该即是这种东西又是那种东西 而 ...

  10. python函数-匿名函数

    1,匿名函数,故名思意,就是没有名字的函数. def fun(x): return x+x 上述代码的作用就是求x+x的和的函数.如果调用该函数的话,可以使用fun(1)即可.那么lambda函数和上 ...