JavaScript 条件

条件文は、異なる条件に基づいて異なるアクションを実行するために使用されます。

条件文

コードを書く際には、異なる判断に基づいて異なるアクションを実行する必要があります。

コード内で条件文を使用してこれを実現できます。

JavaScript では、以下の条件文を使用できます：

  • を使用して、最初の条件が false である場合の新しい条件を定義します。 if を使用して、指定された条件が true である場合に実行されるコードブロックを定義します。
  • を使用して、最初の条件が false である場合の新しい条件を定義します。 else を使用して、指定された条件が false である場合に実行されるコードブロックを定義します。
  • を使用して、最初の条件が false である場合の新しい条件を定義します。 else if を使用して、最初の条件が false である場合に実行されるコードブロックを定義します。
  • を使用して、最初の条件が false である場合の新しい条件を定義します。 switch を使用して、複数の実行される候補コードブロックを定義します。

if 文

次に、 if 文を使用して、条件が true である場合に実行される JavaScript コードブロックを定義します。

文法

if (条件) {
    条件が true である場合に実行されるコード
}

注：if 小文字を使用してください。大文字（IF または If）を使用すると JavaScript エラーが発生します。

インスタンス

時間が 18:00 より早い場合、"Good day" という挨拶を出力します：

if (hour < 18) {
    greeting = "Good day";
}

時間が 18 時前にある場合、greeting の結果は次のようになります：

Good day

自分で試してみる

else 文

次に、 else 文を使用して、条件が false である場合のコードブロックを定義します。

if (条件) {
    条件が true である場合に実行されるコードブロック
} else { 
    条件が false である場合に実行されるコードブロック
}

インスタンス

hour が 18 未満である場合、"Good day" という挨拶を作成し、それ以外の場合は "Good evening"：

if (hour < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 }

greeting の結果：

自分で試してみる

else if 文

次に、 else if を使用して、最初の条件が false である場合の新しい条件を定義します。

文法

if (条件 1) {
    条件 1 が true である場合に実行されるコードブロック
} else if (条件 2) {
    条件 1 が false で条件 2 が true である場合に実行されるコードブロック
 } else {
    条件 1 と条件 2 が同時に false である場合に実行されるコードブロック
}

インスタンス

時間が 10:00 より早い場合、"Good morning" という挨拶を作成します。それが 18:00 より早い場合、"Good day" という挨拶を作成します。それ以外の場合、"Good evening" という挨拶を作成します：

if (time < 10) {
    greeting = "Good morning";
 } else if (time < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 }

greeting の結果：

自分で試してみる

さらに多くの例

ランダムリンク
このインスタンスでは、CodeW3C.com または世界動物基金（WWF）のリンクを書き込みます。ランダムな数を使用して、各リンクには 50% の確率があります。

参考書

さらに詳しい情報については JavaScript if 文の知識については、JavaScript 高級チュートリアルの関連内容を読んでください：

ECMAScript if 文
if 文は ECMAScript で最もよく使用される文の一つです。このセクションでは if 文の使用方法について詳細に説明します。