プレゼンテーションシナリオ: スライド86、87、88、89
スライド86、87、88、89では、JavaScriptのif、else、else ifについて説明します。
a. if条件文
ifは条件(condition)をチェックするために使用します。
条件が真(true)の場合 → { }内のコードを実行します。
構文:
if (condition) {
// 条件が真の場合に実行されるコードブロック
}
例:
let age = 20;
if (age >= 18) {
console.log("You are an adult.");
}
// Output: You are an adult.
ここでは、条件age >= 18がtrue(age = 20なので)であるため、ifブロック内のコードが実行されます。
b. If...Else文
elseは、ifの条件が偽(false)の場合にコードを実行するために使用します。
構文:
if (condition) {
// conditionが真(true)の場合 → if内のコードを実行
} else {
// conditionが偽(false)の場合 → else内のコードを実行
}
例:
let age = 15;
if (age >= 18) {
console.log("You are an adult.");
} else {
console.log("You are not an adult.");
}
// Output: You are not an adult.
ここでは、条件age >= 18がfalse(age = 15なので)であるため、elseブロック内のコードが実行されます。
c. If...Else If...Else文
複数の条件を順番にチェックする必要がある場合に使用します。
上から下へ順番にチェックします。真の条件に出会ったら実行し、残りの条件はスキップします。
構文:
if (condition1) {
// condition1がtrueの場合 → ここのif内のコードを実行
} else if (condition2) {
// condition1がfalseだが、condition2がtrueの場合 → ここのelse if内のコードを実行
} else {
// すべての条件がfalseの場合 → else内のコードを実行
}
例:
let score = 75;
if (score >= 90) {
console.log("Grade A");
} else if (score >= 70) {
console.log("Grade B");
} else {
console.log("Grade C");
}
// Output: Grade B
ここでは:
- 条件
score >= 90はfalseです(score = 75なので)。 - 次の条件
score >= 70はtrueです(75 >= 70なので)。そのため、else ifブロック内のコードが実行され、"Grade B"が出力されます。 - 上で真の条件があったため、
elseブロックは実行されません。
以上で、JavaScriptのif、else、else ifの条件文についての説明を終わります。