JavaScriptのswitch文による比較は厳密（===）？動作の仕組みを実例で解説

JavaScriptのswitchステートメントが「厳密な比較」を行うのかどうか迷ったことはありませんか？結論から言えば、switch文のcase比較は厳密等価演算子（===）と同じ挙動をします。つまり、値だけでなくデータ型まで一致しなければ、そのcaseはマッチしません。

厳密比較を確認するサンプルコード

混乱を解消するために、まずは以下のコードを実際に実行してみましょう。

例

switch(1) {
    case '1':
        alert('Switch comparison: Not Strict.');
        break;
    case 1:
        alert('Switch comparison: Strict.');
        break;
    default:
        alert('Default');
}

実行結果の解説

このコードを実行すると、「Switch comparison: Strict.」というアラートが表示されます。これは次の理由によるものです。

• switch(1)：数値型（number）の 1 を渡しています。
• case '1'：文字列型（string）の '1' なので、型が異なるためマッチしません。
• case 1：数値型の 1 であり、値も型も一致するため、ここが実行されます。

もしswitch文が緩い比較（==）を使っていたなら、文字列の '1' も数値の 1 に変換されて最初のcaseがマッチしてしまいます。しかし実際にはそうならないことから、switch文が厳密比較を行っていることが確認できます。

注意点

if文で==を使って書き慣れている場合、switch文に処理を置き換えると挙動が変わることがあります。特にユーザー入力やフォームの値など、文字列として取得される可能性がある値を扱う際は、事前にNumber()などで型変換しておくと安心です。