DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中switch判斷容易犯錯的一個細節
JavaScript中switch判斷容易犯錯的一個細節
編輯:關於JavaScript     

switch語句與if語句的關系最為密切,也是其它編程語言中普遍使用的一種流程控制語句,但switch的匹配是全等模式,如果不注意這個細節則寫程序時往往會出錯。

代碼:

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

結果:

JS中的switch

可能很多人會誤以為以上程序會走case分支,結果卻走了default分支。難道它們兩個不相等嗎?我們使用if語句看看。

代碼:

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

結果:

JS中的switch

在if語句裡可以匹配,但為何在switch語句裡不能匹配呢?

這是因為在switch語句裡的case使用全等模式,也就相當於if裡的使用三個等號類似。我們把case的代碼改寫一下

代碼:

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

結果:

JS中switch

改寫了以後就能走case分支了,就像我們if裡使用三個全等號一樣

代碼:

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

結果:

JS中的switch

因為使用全等,所以字符串5不等於數字5,結果走了假分支。

由以上例子說明在 switch中使用的是全等匹配模式,特別是數字與字符串匹配的時候需要注意的一個問題

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved