IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

Switch Case中的经典

博客园-草原和大树 2010-08-12 09:13:19 累计浏览 2,761 次
本机暂存

    昨天在看JavaScript优化脚本时,其中有一条是使用三元运算符以及switch语句。关于优化代码时,使用Switch Case比If Else要快,这点我们知道,但是三元运算符呢?

    在JavaScript精粹一书中提到,使用三元运算符比使用If Else语句要快。关于原因,书中并没有过多的介绍,我想这大概是因为使用三元运算符要比使用If Else代码要优化的多吧。好了,下面我们来看一个使用三元运算符的例子吧。

    Var grade=score>=70?’pass’:fail;

    此外,三元运算符也可以像If Else一样多层嵌套使用,不过为了增强其可读性,通常将代码分行写。看一下小例子:

    Var grade=score>=90?’Good’:score>70?’Well’:’fail’;

    Var grade=score>=90?’Good’:

     Score>70?’Well’:

     ‘fail’;

    怎么样,上面使用三元运算符要比使用If Else节省不少代码空间吧。

    关于三元运算符就说这么多,下面再说两个你没有用到过的Switch Case语句,不信?看看你就知道了。

    Classical Switch Case:

    Switch case (score){

    Case 90:

    grade=’Good’;

    Break;

    Case 70:

    grade=’Well’;

    Break;

    Default:

    Grade=’fail’;

    }

    New Pet Switch Case:

    Switch case (true){

    Case score>=90:

     Var grade=’Good’;

     Break;

    Case score>70:

     Var grade=’Well’;

     Break;

    Default:

     Var grade=’fail’;

    }

    Fast Switch Case:

    Switch (score>=70){

    Case true:

     Var grade=’pass’;

     Break;

    Case false:

     Var grade=’fail’;

     Break;

    Default:

     Grade=’It’s impossible to get this result!’;

    }

    关于上面这三个Switch Case,毫无疑问,第一个是我们最熟悉的,也是最常用的,而且通过比较,可以发现第一个Switch Case的代码要比第二个要简单而且优化。但是两个Switch Case语句判断的条件不同,第一个判断的是一个表达式,第二个判断的是一个Bool值,我想判断Bool值应该比判断表达式速度要快。可惜目前百度Google没有给我明确的答案。

    此外,采用第二种判断结构在判断复杂条件时,优势更明显,而且有些复杂结构无法用第一种结构来判断。比如说,我去超市购物了,看到好多东西要买,就买了一些东西回来。如何使用Switch Case来判断我买了什么呢?看Example:

    Switch Case (true){

    Case apple>0

    Respose.write(“我买苹果啦!”);

    Case banana>0

    Respose.write(“我买香蕉啦!”);

    Case orange>0

    Respose.write(“我买橘子啦!”);

    Case else

    Respose.write(“忘了带钱了,回家拿钱去吧!”);

    }

    关于Switch Case,如果你有什么更新的想法,请联系我!

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,350)
  2. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,406)
  3. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,934)
  4. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,849)
  5. 天朝第二代身份证号码的验证机制 (累计阅读 14,764)
  6. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  7. 分享一个JQUERY颜色选择插件 (累计阅读 14,224)
  8. 什么是全栈工程师? (累计阅读 14,039)
  9. 快速排序(Quicksort)的Javascript实现 (累计阅读 11,735)
  10. 7 天打造前端性能监控系统 (累计阅读 11,190)