JavaScript switch语句全等匹配陷阱：数字与字符串比较

switch语句的全等匹配机制

switch语句是流程控制中应用广泛的语法，与if语句关系紧密，但其他编程语言也普遍支持。需要注意的是，switch的匹配机制采用全等模式，若忽略这一细节，编码时极易出现逻辑错误。

代码示例如下：

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

运行结果：

switch与if的匹配差异分析

许多开发者可能预期程序会进入case分支，但最终却执行了default分支。这是否意味着两者不相等？我们可以借助if语句进行验证。

使用if语句的代码如下：

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

运行结果：

在if语句中条件成立，但在switch语句中却未匹配，这是为何？

修正case写法以匹配字符串

原因在于switch语句中的case判断采用全等模式，其行为类似于if语句中使用三个等号（===）进行严格比较。因此，我们需要调整case的写法。

修改后的代码示例：

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

运行结果：

经过修改后，程序成功进入case分支，这与在if语句中使用全等号的效果一致。

全等比较的结论

再次使用if语句验证全等性的代码：

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

运行结果：

由于使用了全等比较，字符串'5'与数字5并不相等，因此条件为假，执行了else分支。

上述示例表明，switch语句内部使用的是全等匹配模式。特别是在涉及数字与字符串类型对比时，必须注意类型差异，避免因隐式转换缺失而导致逻辑偏差。