【JavaScript】switch文が正しく分岐されない時の原因と対処法

2023年3月6日2023年7月16日

本記事では、JavaScriptでswitch文が正しく分岐されない時の原因と対処法について解説しています。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

楽天ブックス

¥2,794 （2023/09/23 22:33時点 | 楽天市場調べ）

＼楽天ポイント5倍セール！／

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤功平, 翻訳:角征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

＼楽天ポイント5倍セール！／

ポチップ

switch文が正しく分岐されない時の原因

switch文で正しく分岐されない時は、比較している式と値の型が異なっていることが多くの原因だと思われます(記述ミスを除いて)。switch文は式と値を等価演算子(==)で比較しているのではなく、厳密等価演算子(===)で比較をしています。

下記のコードを見てみましょう。

let num = 10;

switch (num) {
  case "10":
    console.log("一致");
    break;
  default:
    console.log("不一致");
    break;
}

パッと見ると「case “10”」に一致して見えますが、これを実行するとコンソールに「不一致」と表示されます。これで、switch文が厳密等価演算子(===)で式と値を評価していることが分かります。

console.log(typeof 10); // => number
console.log(typeof "10"); // => string

つまり、値だけなく型も同じにすればswitch文は正しく分岐されます。先ほど紹介したコードの「case “10”」を「case 10」にして動作確認してみましょう。

let num = 10;

switch (num) {
  case 10:
    console.log("一致");
    break;
  default:
    console.log("不一致");
    break;
}

「同じ値の10」「同じ型のnumber」でswitch文は式と値が一致していると評価し、コンソールに「一致」が表示されました。

よかったらシェアしてね！