if 文は、指定された条件が truthy ならば文を実行します。条件が falsy なら、もう一方の文を実行することがあります。

構文

if (condition)
   statement1
[else
   statement2]
condition
truthy または falsy と認識されるです。
statement1
conditiontruthy なら実行される文です。さらにネストされた if 文を含む、どんな文であってもかまいません。複数の文を実行するためには、それらの文をグループ化するためにブロック文 ({ ... }) を使ってください。実行する文がない場合は、empty 文を使用します。
statement2
conditionfalsy で、かつ else 節が存在するなら実行される文です。ブロック文およびさらにネストされた if 文を含む、どんな文であってもかまいません。

解説

複数の if...else 文をネストすることで、 else if 節を作成することができます。 JavaScript では elseif (1 単語) キーワードがありませんので注意してください。

if (condition1)
   statement1
else if (condition2)
   statement2
else if (condition3)
   statement3
...
else
   statementN

これがどのように動作するか理解するために、ネストが適切にインデントされていたらどのように見えるかを示します。

if (condition1)
   statement1
else
   if (condition2)
      statement2
   else
      if (condition3)
...

節の中で複数の文を実行するためには、それらの文をグループ化するためにブロック文 ({ ... }) を使ってください。一般的に、ブロック文を常に使うのはよい習慣です。ネストされた if 文が絡むコードにおいて特にそうです:

if (condition) {
   statements1
} else {
   statements2
}

プリミティブな真偽値である true および falseBoolean オブジェクトの真偽性と混同しないでください。 false, undefined, null, 0, NaN, 空文字列 ("") のいずれでもない値、および任意のオブジェクトは (false の値を持つ Boolean オブジェクトを含め)、条件として使用されたときに truthy と解釈されます。例えば以下のような場合です。

var b = new Boolean(false);
if (b) // この条件式は truthy です

if...else の使用

if (cipher_char === from_char) {
   result = result + to_char;
   x++;
} else {
   result = result + clear_char;
}

else if を使う

JavaScript に elseif 構文はありませんので注意してください。 elseif の間に空白を置いて記述します。

if (x > 5) {
 /* do the right thing */
} else if (x > 50) {
 /* do the right thing */
} else {
 /* do the right thing */
}

条件式の中での代入

代入はコードを眺めたときに等式と混同される可能性があるので、条件式の中で単純な代入を使わないほうが望ましいです。たとえば、次のコードを使わないでください。

if (x = y) {
   /* do the right thing */
}

もし条件式の中で代入を使う必要があるのなら、次の例のように、代入の周りに追加の括弧を書くのが一般的な習慣です。

if ((x = y)) {
   /* do the right thing */
}

仕様書

仕様書 状態 備考
ECMAScript Latest Draft (ECMA-262)
if statement の定義
ドラフト  
ECMAScript 2015 (6th Edition, ECMA-262)
if statement の定義
標準  
ECMAScript 5.1 (ECMA-262)
if statement の定義
標準  
ECMAScript 3rd Edition (ECMA-262)
if statement の定義
標準  
ECMAScript 1st Edition (ECMA-262)
if statement の定義
標準 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイルサーバー
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung InternetNode.js
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 ありnodejs 完全対応 あり

凡例

完全対応  
完全対応

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, Uemmra3, segayuu, yyss, teoli, ethertank, Mgjbot, Nanto vi
最終更新者: mfuji09,