JavaScript

【JavaScript】if文とswitch文の使い分け

本記事では、JavaScriptの条件分岐で使われるif文とswitch文の使い分けについて解説しています。

JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

本書情報
出版社技術評論社
著者山田 祥寛
発売日2023/2/13
ページ数624ページ
レビュー
(Amazon)
(4件)
先輩くん
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!

綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

if文とswitch文はどうのように使い分ける?

if文とswitch文を使い分ける判断基準はとても簡単で、等価演算子を利用した分岐を実装したい場合はswitch文を使い、それ以外の分岐を実装する際はif文を使います。理由は明白でswitch文は等価演算子による分岐に特化した条件分岐命令だからです。

例えば、if文で等価演算子を利用した分岐処理を作ってみましょう。

let hobbySports = "soccer";

if (hobbySports === "basketball") {
  console.log("趣味のスポーツはバスケです");
} else if (hobbySports === "tennis") {
  console.log("趣味のスポーツはテニスです");
} else if (hobbySports === "soccer") {
  console.log("趣味のスポーツはサッカーです");
} else {
  console.log("それ以外のスポーツです");
}

===だらけで、コードがかなり見づらいですね。これをswitch文に置き換えてみましょう。

let hobbySports = "soccer";

switch (hobbySports) {
  case "basketball":
    console.log("趣味のスポーツはバスケです");
    break;
  case "tennis":
    console.log("趣味のスポーツはテニスです");
    break;
  case "soccer":
    console.log("趣味のスポーツはサッカーです");
    break;
  default:
    console.log("それ以外のスポーツです");
    break;
}

かなり見やすくなりましたね。このようにif文とswitch文を使い分けることでコードがスッキリし可読性も上がります。

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村