JavaScript ifelseおよびelseif
条件文は、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。
条件文
コードを書くとき、さまざまな決定に対してさまざまなアクションを実行したいことがよくあります。
これを行うには、コードで条件ステートメントを使用できます。
JavaScriptには、次の条件文があります。
if
指定された条件が真の場合に、実行するコードのブロックを指定するために使用しますelse
同じ条件がfalseの場合、実行するコードのブロックを指定するために使用しますelse if
最初の条件がfalseの場合、テストする新しい条件を指定するために使用しますswitch
実行するコードの多くの代替ブロックを指定するために使用します
このswitch
ステートメントについては、次の章で説明します。
ifステートメント
このステートメントを使用してif
、条件がtrueの場合に実行されるJavaScriptコードのブロックを指定します。
構文
if (condition) {
// block of code to be executed if the condition is true
}
if
小文字であることに注意してください。大文字(IfまたはIF)はJavaScriptエラーを生成します。
例
時間が18:00未満の場合は、「Goodday」の挨拶をします。
if (hour < 18) {
greeting = "Good day";
}
挨拶の結果は次のようになります。
Good day
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未満の場合は、「こんばんは」の挨拶を作成します。それ以外の場合は、「こんばんは」を作成します。
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
挨拶の結果は次のようになります。
Good day
elseifステートメント
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未満の場合は「おはよう」の挨拶を作成し、そうでない場合は20:00未満の場合は「おはよう」の挨拶を作成し、それ以外の場合は「こんばんは」を作成します。
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
挨拶の結果は次のようになります。
Good day
その他の例
この例では、W3Schoolsまたは世界自然保護基金(WWF)へのリンクを記述します。乱数を使用することにより、各リンクの確率は50%になります。