2012-07-31

JavaScript中switch匹配容易混淆的一个细节

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

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

// Output: 执行default分支

可能很多人会误以为以上程序会走case分支，结果却走了default分支。难道它们两个不相等吗？我们使用if语句看看。

var n = '5';
if(n==5){
  console.log('true');
}else{
  console.log('false');
}

// Output: true

在if语句里可以匹配，但为何在switch语句里不能匹配呢？

这是因为在switch语句里的case使用全等模式，也就相当于if里的使用三个等号类似。我们把case的代码改写一下

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

// Output: 执行case分支

改写了以后就能走case分支了，就像我们if里使用三个全等号一样

var n = '5';
if(n===5){
  console.log('true');
}else{
  console.log('false');
}

// Output: false

因为使用全等，所以字符串5不等于数字5，结果走了假分支。

由以上例子说明在 switch中使用的是全等匹配模式，特别是数字与字符串匹配的时候需要注意的一个问题

推荐文章