当前位置：首页 > 资讯 > 技术文档

JavaScript中switch判断容易犯错的一个细节

时间：2020-03-26 10:29 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript中switch判断容易犯错的一个细节

switch语句与if语句的关系最为密切，也是其它编程语言中普遍使用的一种流程控制语句，但switch的匹配是全等模式，如果不注意这个细节则写程序时往往会出错。代码：

var n = '5';
switch(n){
    case 5:
        alert('执行case分支');
        break;
    default:
        alert('执行default分支');
}

结果： [img]http://files.jb51.net/file_images/article/201408/2014082710192519.jpg[/img] 可能很多人会误以为以上程序会走case分支，结果却走了default分支。难道它们两个不相等吗？我们使用if语句看看。代码：

var n = '5';
if(n==5){
    alert('真 分支');
}else{
    alert('假 分支');
}

结果： [img]http://files.jb51.net/file_images/article/201408/2014082710192520.jpg[/img] 在if语句里可以匹配，但为何在switch语句里不能匹配呢？这是因为在switch语句里的case使用全等模式，也就相当于if里的使用三个等号类似。我们把case的代码改写一下代码：

var n = '5';
switch(n){
    case '5': // 把原来的 case 5 改写成 case '5'
        alert('执行case分支');
        break;
    default:
        alert('执行default分支');
}

结果： [img]http://files.jb51.net/file_images/article/201408/2014082710192521.jpg[/img] 改写了以后就能走case分支了，就像我们if里使用三个全等号一样代码：

var n = '5';
if(n===5){
    alert('真 分支');
}else{
    alert('假 分支');
}

结果： [img]http://files.jb51.net/file_images/article/201408/2014082710192522.jpg[/img] 因为使用全等，所以字符串5不等于数字5，结果走了假分支。由以上例子说明在[b]switch中使用的是全等匹配模式，特别是数字与字符串匹配的时候需要注意的一个问题[/b]

全部评论(0)

上一篇：js中的DOM模拟购物车功能
下一篇：js控制表单奇偶行样式的简单方法

资讯排行榜
更多>>