JavaScript If...Else

❮ 前章へ 次章へ ❯

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


条件文

コードを書くときは、さまざまな決定に対して異なるアクションを実行したいことが多々あります。

これを行うために、コード内に条件文を使用することができます。

JavaScript には、次の条件文があります:


if 文

if 文を使用して、条件が true の場合に実行する JavaScript コードのブロックを指定します。

構文

if (condition) {
    block of code to be executed if the condition is true
}

Note that if が小文字であることに注意してください。大文字(If や IF)の場合は JavaScript エラーになります。

時刻が 18:00 より前の場合は "Good day" の挨拶をします:

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

挨拶の結果は次のようになります:

Try it Yourself »

。 。

else 文

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

if (condition) {
    block of code to be executed if the condition is true
} else {
    block of code to be executed if the condition is false
}

時刻が 18:00 より前の場合は "Good day" の挨拶をし、それ以外の場合は "Good evening" の挨拶をします:

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

挨拶の結果は次のようになります:

Try it Yourself »

else if 文

else if ステートメントを使用して、最初の条件が false の場合の新しい条件を指定します。

構文

if (condition1) {
    block of code to be executed if condition1 is true
} else if (condition2) {
    block of code to be executed if the condition1 is false and condition2 is true
} else {
    block of code to be executed if the condition1 is false and condition2 is false
}

時刻が 10:00 より前の場合は、"Good morning" の挨拶をし、それ以降で、20:00 より前の場合は、"Good day" の挨拶を、 20:00 を過ぎると "Good evening" の挨拶をします:

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

挨拶の結果は次のようになります:

Try it Yourself »

その他の例

Random link
この例は、W3Schools または World Wildlife Foundation(WWF)へのリンクを作成します。 乱数を使用することにより、リンク毎に 50% の確率があります。


練習問題による自己診断

Exercise 1 »  Exercise 2 »  Exercise 3 »  Exercise 4 »  Exercise 5 »  Exercise 6 »


❮ 前章へ 次章へ ❯