JavaScript中switch判断容易犯错的一个细节
投稿: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中使用的是全等匹配模式,特别是数字与字符串匹配的时候需要注意的一个问题