このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
if...else
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
if...else 文は、指定された条件が真値ならば文を実行します。条件が偽値なら、オプションのelse 節にあるもう一方の文を実行します。
試してみましょう
function testNum(a) { let result; if (a > 0) { result = "正の数"; } else { result = "正の数ではない"; } return result;}console.log(testNum(-5));// 予想される結果: "正の数ではない"構文
if (condition) statement1// else 節付きif (condition) statement1else statement2conditionstatement1condition が真値の場合に実行される文です。さらにネストされた
if文を含む、どんな文であってもかまいません。複数の文を実行するためには、それらの文をグループ化するためにブロック文 ({ /* ... */ }) を使用してください。実行する文がない場合は、空文を使用してください。statement2conditionが偽値で、かつelse節が存在するなら実行される文です。ブロック文およびさらにネストされたif文を含む、どんな文であってもかまいません。
解説
複数のif...else 文をネストすることで、else if 節を作成することができます。 JavaScript では（1 単語の）elseif キーワードがありませんので注意してください。
if (condition1) statement1else if (condition2) statement2else if (condition3) statement3// …else statementNこれがどのように動作するか理解するために、ネストが適切にインデントされていたらどのように見えるかを示します。
if (condition1) statement1else if (condition2) statement2 else if (condition3) statement3// …節の中で複数の文を実行するためには、それらの文をグループ化するためにブロック文 ({ ... }) を使ってください。
if (condition) { statements1} else { statements2}ブロックを使用しないと、特にコードが手作業で整形されている場合、混乱した動作になることがあります。
function checkValue(a, b) { if (a === 1) if (b === 2) console.log("a is 1 and b is 2"); else console.log("a is not 1");}このコードは何の問題もないように見えますが、checkValue(1, 3) を実行すると "a is not 1" というログを出力します。これは、dangling else の場合、else 節は最も近いif 節に接続されるからです。したがって、上記のコードを適切なインデントで記述すると、次のようになります。
function checkValue(a, b) { if (a === 1) if (b === 2) console.log("a is 1 and b is 2"); else console.log("a is not 1");}一般的な良い実践としては、常にブロック文を使用し、特に入れ子のif 文を含むコードでは、ブロック文を使用することをお勧めします。
function checkValue(a, b) { if (a === 1) { if (b === 2) { console.log("a is 1 and b is 2"); } } else { console.log("a is not 1"); }}プリミティブの論理値であるtrue およびfalse をBoolean オブジェクトの真性や偽性と混同しないでください。false,undefined,null,0,-0,NaN, 空文字列 ("") のいずれでもない値、および任意のオブジェクトは（false の値を持つ Boolean オブジェクトを含め）、条件として使用されたときに真値と解釈されます。例えば以下のような場合です。
const b = new Boolean(false);if (b) { console.log("b is truthy"); // "b is truthy"}例
if...else の使用
if (cipherChar === fromChar) { result += toChar; x++;} else { result += clearChar;}else if の使用
JavaScript にelseif 構文はありませんので注意してください。else とif の間に空白を置いて記述してください。
if (x > 50) { /* 何かを行う */} else if (x > 5) { /* 何かを行う */} else { /* 何かを行う */}条件式の中での代入
if...else の条件式としてx = y のような代入式を持たせることは、ほぼ絶対に避けるべきです。
if ((x = y)) { // …}while ループとは異なり、条件は 1 回だけしか評価されないので、代入は 1 回しか行われません。上記のコードは次のものと等価です。
x = y;if (x) { // …}これははるかに明確です。しかし、稀にそのようなことをしたくなった場合、while のドキュメントの代入を条件として使用の節に、推奨事項が書かれています。
仕様書
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-if-statement |