JavaScriptでは、ある条件に基づいて判断することで、プログラムの流れを制御することができるのが、分岐です。JavaScriptで分岐を作成する最も一般的な方法は、if…else文とswitch文の2つを使用する方法です。
if…else文は、ある条件が真の場合にのみ、あるコードブロックを実行するために使用されます。if…else文の基本的な構文は次のとおりです。
if (条件) {
// 条件が真の場合に実行されるコード
} else {
// 条件が偽の場合に実行されるコード
}
// 条件が真の場合に実行されるコード
} else {
// 条件が偽の場合に実行されるコード
}
例えば、ある変数がある値よりも大きいかどうかを調べるには、以下のようにif…else文を使う。
x = 5とする。
if (x > 10) {
console.log(“xは10より大きい”);
} else {
console.log(“x is less than 10”);
}
if (x > 10) {
console.log(“xは10より大きい”);
} else {
console.log(“x is less than 10”);
}
switch文は、異なる条件に基づいて異なる動作を実行するために使用されます。switch文の基本的な構文は、以下のとおりです。
switch (式) {
case value1:
// 実行されるコード if expression === value1
をブレークする。
ケース value2:
// 式 === 値2 の場合に実行されるコード
break
デフォルト
// 式がどのケースにもマッチしない場合に実行されるコード
}
case value1:
// 実行されるコード if expression === value1
をブレークする。
ケース value2:
// 式 === 値2 の場合に実行されるコード
break
デフォルト
// 式がどのケースにもマッチしない場合に実行されるコード
}
例えば、このようにswitch文を使って変数の値をチェックし、その値に応じて異なるアクションを実行することができます。
x = “赤”とする。
switch (x)
case “red”:
console.log(“色は赤です”);
ブレーク
ケース “青”:
console.log(“色は青です”);
を実行します。
デフォルトでは
console.log(“この色は赤でも青でもありません”);
}
JavaScriptでは、if…elseやswitch文以外にも、for, while, do…while などの制御フロー文があり、様々なシナリオで利用することができます。