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

一.我们在流判断的时候,我们大多数的情况我使用if  else 语句.但是对于一些大量的逻辑的判断的时候,我们不建议使用if elseif语句 这种语句的效率执行不高,因为他每个expression 都需要进行计算判断,而switch case语句,在效率上更比if语句更高 其原理他本身根据生成的静态表,通过索引进行匹配效率高于if语句. 执行流程: switch (expression){ case value1: statement break case value2: statement…
1.JS的输出: 注意:JS没有任何打印或者输出的函数 JS输出数据的集中方法:  1.使用window.alert()弹出警告框: 2.使用document.write()方法将内容写到HTML文档中:这和功能和<h1>标签类似 3.使用innerHTML写入到HTML元素中:这个功能是改变原来标签中的内容, 4.使用console.log()写入到浏览器的控制台中:这个没什么好说的 2.JS的语法: a.字面量(类似JAVA中的固定值): 整数:2.3.4. 字符串(可以用单引号,双引号括…
昨天偷懒了,欢迎点击关注???这样我就多更大的动力日更了- 正文从这里开始~~~ 最近(或者不是最近,这完全取决于您什么时候阅读这边文章),我正在跟我的团队伙伴讨论如何去处理这种需要根据不同的值去处理不同的情况的方法,通常对于这种情况下,人们喜欢使用 switch 语句或者使用很多 if 搭配 else if 条件.在本文中我将重点介绍第三种方式 (我更为喜欢的方法),即使用对象进行快速地查找. switch 语句 switch 语句允许我们根据传递的表达式的值来执行表达式并执行某些特定的操作,…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 条件分支语句也叫switch语句 * 语法: * switch(条件表达式){ * case 表达式: * 语句... * break; * case 表达式: * 语句..…
参考http://www.jb51.net/article/54393.htm switch语句与if语句的关系最为密切,也是其它编程语言中普遍使用的一种流程控制语句,但switch的匹配是全等模式,如果不注意这个细节则写程序时往往会出错. 代码: ? 1 2 3 4 5 6 7 8 var n = '5'; switch(n){     case 5:         alert('执行case分支');         break;     default:         alert('执…
多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便. 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 . case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配.满足执行该 case 后的所有语句,并用break语句来阻止运行下一…
在JavaScript中,switch语句相比其他语言并没有特殊之处. 在使用时,我们要注意每个分支后都应加一条break语句,否则后面的分支仍然会执行.实际程序中,我发现有时没用break语句,仍然没有执行后面的分支.刚开始有些不解,想了一下,恍然大悟: switch语句中如果每个分支都是return,那么执行完该分支,那么语句块就得到了返回值,整个语句块就执行结束,所以不需要用break了!…
逻辑运算符 类型 运算符 算数运算符 +   -    *   /   %   ++   -- 赋值运算符 = 比较运算符 >   <   >=  <=   ==   !=   ===   !== 逻辑运算符 &&   ||   ! 位运算符 &  |   ~   ^   <<   >> 其它运算符 三目运算符(?:).逗号运算符.void运算符.typeof.instanceof 2.if语句 <script type=&qu…
我爱撸码,撸码使我感到快乐. 大家好,我是Counter. 本章带大家来简单的了解下原生JS实现转盘抽奖. 因为主要涉及到JS,在这里HTML和CSS起到的功能就没有那么重要, 因此,没有过多的阐述HTML与CSS,而JS基本每行都有注释,但这里CSS 也是起到了至关重要的一步,那就是控制背景色,以及结果的显示与隐藏,效果先给出,如下: 代码给出: <!DOCTYPE html> <html lang="zh"> <head> <meta ch…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>原生js测试</title> <script type="text/javascript"> //onload 和 onunload 事件会在用户进入或离开页面时被触发 window.onload = function(){ alert('进入页面花了多少时间'+n…