【JavaScript】if文による条件分岐

JavaScriptは、現代のウェブページ制作に欠かせない言語の1つです。その中でも、if文はコードの制御フローを管理する基本的なツールです。この記事では、if文の基本から応用までを詳しく解説していきます。

if文とは

if文は、特定の条件が真(true)の場合に、一連のコードを実行する制御構造です。条件が満たされると、その内部のコードが実行されます。

if (条件) {
    // 条件がtrueの場合に実行されるコード
}

基本的な使用方法

例として、20歳以上の人を識別するシンプルなコードを考えます。

let age = 20;

if (age >= 20) {
    console.log("あなたは成人です。");
}

この例では、ageが20以上であるという条件がtrueに評価されるため、コンソールには”あなたは成人です。”と表示されます。

if-else文 条件が満たされない場合の処理

if文だけでは、条件が満たされない場合の処理を書くことができません。そのためのelseがあります。

if (条件) {
    // 条件がtrueの場合に実行されるコード
} else {
    // 条件がfalseの場合に実行されるコード
}

これを使った例を見てみましょう。

let age = 18;

if (age >= 20) {
    console.log("あなたは成人です。");
} else {
    console.log("あなたは未成年です。");
}

if-else if-else文 複数の条件の確認

複数の条件を順番に確認する場合、else ifを使用します。

if (条件1) {
    // 条件1がtrueの場合に実行されるコード
} else if (条件2) {
    // 条件1がfalseで、条件2がtrueの場合に実行されるコード
} else {
    // 上記のすべての条件がfalseの場合に実行されるコード
}

例えば、年齢に応じて異なるメッセージを表示する場合は以下のようになります。

let age = 16;

if (age >= 20) {
    console.log("あなたは成人です。");
} else if (age >= 18) {
    console.log("あなたはほぼ成人です。");
} else {
    console.log("あなたは未成年です。");
}

まとめ

JavaScriptのif文は、コードの実行フローを効果的に制御するための重要なツールです。適切な条件を設定することで、より柔軟で効果的なコードを書くことができます。日常のプログラミングで頻繁に使用されるので、しっかりと理解しておくと良いでしょう。