![MARKLEAPS[マークリープス]](https://markleaps.com/blog/wp-content/themes/mkl/images/00_logo.png){kind=logo}
JavaScriptで、条件に応じて処理の分岐を行う「条件分岐」を使いこなせるようになると、ユーザーの入力に応じてページの動作を変えたり、処理を柔軟にコントロールできるようになります。
本記事では、if文を使った条件分岐の使い方を、初心者にもわかりやすく解説します。
条件分岐とは？
条件分岐とは、「もし～なら～する」というように、設定した条件が「真（true）」か「偽（false）」かによって、実行するプログラムの処理を変える仕組みです。
if、else if、else は条件に基づいてプログラムの実行を分岐させるための最も基本的な構文です。
if：条件が当てはまる場合
if文は、指定した条件が真(true) の場合に、処理を実行します。
|
1 2 3 |
if (条件1) { // 条件1がtrueの場合に実行する処理 } |
else if：条件を追加する
if文 で指定した条件が偽(false)だった場合に、新しい条件を評価します。
else if文 はいくつでも追加でき、記述された順に条件が評価されます。
|
1 2 3 4 5 |
if (条件1) { // 条件1が真の場合に実行する処理 } else if (条件2) { // 条件1が偽で、条件2が真の場合に実行する処理 } |
else：条件に当てはまらない場合
if文 や else if文 のどの条件も真にならなかった場合に、最後に実行される処理を記述します。
|
1 2 3 4 5 6 7 |
if (条件1) { // 条件1が真の場合に実行する処理 } else if (条件2) { // 条件1が偽で、条件2が真の場合に実行する処理 } else { // どの条件も真にならなかった場合に実行する処理 } |
if、else if、else の使用例
|
1 2 3 4 5 6 7 8 9 |
const score = 75; if (score >= 90) { console.log("評価：A"); } else if (score >= 70) { console.log("評価：B"); } else { console.log("評価：C"); } |
まとめ
- if、else if、elseは、「もし～なら、そうでなくもし～なら、そうでなければ」という流れの、プログラミングにおける基本的な条件分岐の構文
- ifで最初の条件を評価し、その条件が偽の場合にelse ifで次の条件を順に評価、すべてのif文とelse if文の条件が偽の場合に実行されるのがelse