本記事では、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文を使い分けることでコードがスッキリし可読性も上がります。
DMM WEBCAMP 
CodeCamp 
TechAcademy 
