プレゼンテーションシナリオ: スライド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 >= 18true(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 >= 18false(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 >= 90falseです(score = 75なので)。
  • 次の条件score >= 70trueです(75 >= 70なので)。そのため、else ifブロック内のコードが実行され、"Grade B"が出力されます。
  • 上で真の条件があったため、elseブロックは実行されません。

以上で、JavaScriptのif、else、else ifの条件文についての説明を終わります。