原生js switch语句
一、我们在流判断的时候，我们大多数的情况我使用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语句的更多相关文章
- 笔记二：JS的输出、语法、语句、字符串、条件语句、switch语句、for循环、while循环
1.JS的输出: 注意:JS没有任何打印或者输出的函数 JS输出数据的集中方法: 1.使用window.alert()弹出警告框: 2.使用document.write()方法将内容写到HTML文档 ...
- 【JS】332- 为什么我更喜欢对象而不是 switch 语句
昨天偷懒了,欢迎点击关注???这样我就多更大的动力日更了- 正文从这里开始~~~ 最近(或者不是最近,这完全取决于您什么时候阅读这边文章),我正在跟我的团队伙伴讨论如何去处理这种需要根据不同的值去处理 ...
- JS基础_条件分支语句：switch语句
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- js中switch语句不执行
参考http://www.jb51.net/article/54393.htm switch语句与if语句的关系最为密切,也是其它编程语言中普遍使用的一种流程控制语句,但switch的匹配是全等模式, ...
- JS流程控制语句 多种选择（Switch语句) 当有很多种选项的时候，switch比if else使用更方便。
多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便. 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码 ...
- JS中switch语句做选择时为什么可以不用break？
在JavaScript中,switch语句相比其他语言并没有特殊之处. 在使用时,我们要注意每个分支后都应加一条break语句,否则后面的分支仍然会执行.实际程序中,我发现有时没用break语句,仍然 ...
- js运算符和if语句，switch语句
逻辑运算符 类型 运算符 算数运算符 + - * / % ++ -- 赋值运算符 = 比较运算符 > < >= <= == != ...
- 原生JS实现简易转盘抽奖
我爱撸码,撸码使我感到快乐. 大家好,我是Counter. 本章带大家来简单的了解下原生JS实现转盘抽奖. 因为主要涉及到JS,在这里HTML和CSS起到的功能就没有那么重要, 因此,没有过多的阐述H ...
- 原生js的容易忽略的相似点（一）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
随机推荐
- 前端SEO
一.搜索引擎工作原理 当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果.深究其背后的故事,搜索引擎做了很多事情. 在搜索引擎网站,比如百度,在其后台有一个非常庞大的数据库,里面存储了海量的关 ...
- SpringMVC拦截器实现：当用户访问网站资源时，监听session是否过期
SpringMVC拦截器实现:当用户访问网站资源时,监听session是否过期 一.拦截器配置 <mvc:interceptors> <mvc:interceptor> < ...
- 微信小程序-上传照片-多张显示
图片就是一个简单的效果 实现 先看wxml和wxss代码 <view class='in-demand'> <view class='dema-title'> <text ...
- AngularJS学习之 angular-file-upload控件使用方法
1.官方链接 https://github.com/nervgh/angular-file-upload 2.安装到项目中 bower install angular-file-upload(安装完成 ...
- 活字格Web应用平台学习笔记 7 - 导出 Excel
活字格一直强调和Excel的兼容,可以导入导出Excel,今天终于学到这一课了. 课程目标: 好吧,就是这么快,已经加了一个“导出到Excel”的按钮了 我以为多高深呢,原来人家都给写好逻辑了,直接选 ...
- 完美的nginx图片防盗链设置详解
一般,我们做好防盗链之后其他网站盗链的本站图片就会全部失效无法显示,但是您如果通过浏览器直接输入图片地址,仍然会显示图片,仍然可以右键图片另存为下载文件!依然可以下载?这样就不是彻底的防盗链了! [r ...
- 【Python】控制鼠标点击
from pymouse import PyMouse m = PyMouse() a = m.position() #获取当前坐标的位置 print(a) m.move(50, 500) #鼠标移动 ...
- MiUI开发者版刷入xposed框架--简洁方法
一,首先要确定手机是否解锁 可以去这里查看怎么解锁: http://www.miui.com/unlock/index.html 二,手机系统需要是开发者版,且在安全中心的授权管理打开了ROOT授权 ...
- 使用 Azure Active Directory 管理 Azure 中的 HPC Pack 群集
Microsoft HPC Pack 2016 支持在 Azure 中部署 HPC Pack 群集的管理员将其与 Azure Active Directory (Azure AD) 集成. 请按照本文 ...
- SqlServer PIVOT函数快速实现行转列，UNPIVOT实现列转行
我们在写Sql语句的时候没经常会遇到将查询结果行转列,列转行的需求,拼接sql字符串,然后使用sp_executesql执行sql字符串是比较常规的一种做法.但是这样做实现起来非常复杂,而在SqlSe ...