DIV CSS 佈局教程網

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中使用的是全等匹配模式，特別是數字與字符串匹配的時候需要注意的一個問題