JavaScript中switch判断容易犯错的一个细节
更新时间：2014年08月27日 10:20:16 投稿：junjie
这篇文章主要介绍了JavaScript中switch判断容易犯错的一个细节,简单说就是字符串和数字的差别,看完本文会有一个清晰的认知,需要的朋友可以参考下
switch语句与if语句的关系最为密切，也是其它编程语言中普遍使用的一种流程控制语句，但switch的匹配是全等模式，如果不注意这个细节则写程序时往往会出错。
代码：
var n = '5';
switch(n){
case 5:
alert('执行case分支');
break;
default:
alert('执行default分支');
}
结果：
可能很多人会误以为以上程序会走case分支，结果却走了default分支。难道它们两个不相等吗？我们使用if语句看看。
代码：
var n = '5';
if(n==5){
alert('真 分支');
}else{
alert('假 分支');
}
结果：
在if语句里可以匹配，但为何在switch语句里不能匹配呢？
这是因为在switch语句里的case使用全等模式，也就相当于if里的使用三个等号类似。我们把case的代码改写一下
代码：
var n = '5';
switch(n){
case '5': // 把原来的 case 5 改写成 case '5'
alert('执行case分支');
break;
default:
alert('执行default分支');
}
结果：
改写了以后就能走case分支了，就像我们if里使用三个全等号一样
代码：
var n = '5';
if(n===5){
alert('真 分支');
}else{
alert('假 分支');
}
结果：
因为使用全等，所以字符串5不等于数字5，结果走了假分支。
由以上例子说明在 switch中使用的是全等匹配模式，特别是数字与字符串匹配的时候需要注意的一个问题
相关文章
javascript知识点收藏...2007-02-02
本篇文章是对window.open的使用方法进行了详细的总结与介绍，需要的朋友参考下2013-06-06
这篇文章主要介绍了javascript 获取浏览器版本的相关资料,需要的朋友可以参考下2015-01-01
在JS中要判断一个值是否在数组中并没有函数直接使用，如PHP中就有in_array()这个函数,可以写一个类似in_array()函数功能的方法2012-12-12
这篇文章主要介绍了JavaScript中匿名、命名函数的性能测试,简单来讲匿名即没有名字的函数,它和命名函数相比性能如何呢,本文即是对它们性能的测试,需要的朋友可以参考下2014-09-09
深入解析contentWindow, contentDocument
没有永恒的技术只有需求,没有好说的客户只有无奈的开发者,如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演2013-07-07
本篇文章主要介绍了异步编程promise模式的简单实现，并对每一步进行了分析,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JavaScript面向对象之class继承类案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
各个主流浏览器德鼠标点击事件，方便使用时查询，整理还算是很详细吧，感兴趣的你可以参考下啊，希望本文对你有所帮助2013-01-01
在本篇文章里小编给大家分享了关于JavaScript中构造函数与原型链之间的关系相关知识点，需要的朋友们学习下。2019-02-02
最新评论