JavaScript で「もし」３

　今回も if 文を用いて条件分岐を学びます。

画像に alt 属性が指定されていません。ファイル名: 20240225_study_wakaru_boy.png

１　３つ以上の選択肢

　else if 文でさらに複雑な条件を設定することができます。

書式

if（条件式Ａ）{
    行わせたい処理①
}else if（条件式Ｂ）{
    行わせたい処理②
}else{
    行わせたい処理③
}

　書式は上記のようになります。
　条件式Ａに合致した場合、行わせたい処理①が実行されて終了します。
　しかし、合致しない場合には新たに条件式Ｂで判断され、合致する場合は行わせたい処理②が、合致しない場合は行わせたい処理③が実行されて、それぞれ終了します。

HTML（コード入力）

<!DOCTYPE html>
<html>
<head>
    <title>人口区分</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>
        let age = 14;
        if(age < 15){
            document.write("<p>年少</p>");
        }else if(age > 64){
            document.write("<p>老年</p>");
        }else{
            document.write("<p>生産年齢</p>");
        }
    </script>
</body>
</html>

ブラウザ（実行結果）

人口区分

　この例では、まず変数 age に数値「14」が代入されます。
　次に、一つ目の if で age が 15 より小さいか が判断され、合致するのでブラウザでは「年少」が表示されました。

　ほかの数値ではどうなるのでしょうか？

HTML（コード入力）の一部

<script>
    let age = 65;
    if(age < 15){
        document.write("<p>年少</p>");
    }else if(age > 64){
        document.write("<p>老年</p>");
    }else{
        document.write("<p>生産年齢</p>");
    }
</script>

ブラウザ（実行結果）

人口区分

　まず、変数 age に数値「65」が代入されます。
　次に、一つ目の if で age が 15 より小さいか が判断され、条件に合致しないので次の else if で age が64より大きいか が判断されることになります。
　else if の条件に合致するのでブラウザでは「老年」が表示されました。

　なお、いずれの条件にも合致しない数値であれば、「生産年齢」が表示されることになります。

２　if 文のネスト

　次に if 文の「ネスト」を試してみます。
　なお、ネスト（nest）とは、もともとは巣のことですが、入れ子などの意味もあります。

　下に例を示します。
　複雑なようですが、入れ子構造が分かっていれば if 文を順番にたどっていくだけです。

HTML（コード入力）の一部

// <script> は省略
let age = 30;
let job = "サラリーマン";
if(age == 30){
    if(job == "サラリーマン"){
        document.write("<p>３０歳のサラリーマンです。</p>");
    }else{
        document.write("<p>３０歳ですが、サラリーマンではありません。</p>");
    }
}else{
    document.write("<p>３０歳ではありません。</p>");
}

ブラウザ（実行結果）

人口区分

　この例では、まず一つ目の if 文において 変数 age が「30」であるか を判断し、合致するのであれば、次に二つ目の if 文において 変数 job が「サラリーマン」という文字列であるか を判断しています。
　両方とも合致するので「３０歳のサラリーマンです。」が表示されています。

HTML（コード入力）の一部

// <script> は省略
let age = 30;
let job = "自営業";
if(age == 30){
    if(job == "サラリーマン"){
        document.write("<p>３０歳のサラリーマンです。</p>");
    }else{
        document.write("<p>３０歳ですが、サラリーマンではありません。</p>");
    }
}else{
    document.write("<p>３０歳ではありません。</p>");
}

ブラウザ（実行結果）

人口区分

　この例では、一つ目の if 文においては条件に合致しますが、二つ目の if 文では条件に合しません。
　したがって、else 以下の「３０歳ですが、サラリーマンではありません。」が表示されることになります。

　最後に、変数 age が「30」でない場合は、そもそも二つ目の if 文の判断は行われずに、else 以下にある内容が実行されて「３０歳ではありません。」と表示されることになります。

３　次回

　さて、次回は事務処理にとっては大きな味方となる「繰り返し処理」を使って、いろいろ試していきます。

更新記事

『会社四季報 2024年 3集夏号』を読む１１（オリゴマー、エッジＡＩ、ＭＬＣＣ、ジルコニウム、アセチレンガス、ファインケミカル）2024-07-25
『会社四季報 2024年 3集夏号』を読む１０（フラッシュハンドル、自動配膳ロボット、Ｒ－ＳＵＤ、レコメンド機能、マーチャンダイジング、エレクトロニクスガス、コーシャ認証）2024-07-22
『会社四季報 2024年 3集夏号』を読む９（ペロブスカイト太陽電池、プロテイン、銀だこ、尿素ＳＣＲ、エクソソーム）2024-07-19
『会社四季報 2024年 3集夏号』を読む８（ドミナント、ＥＢＩＴＤＡ、ＳＡＦ、消防車、キャンプ用品、ＧＩＧＡスクール、ボウリング場）2024-07-16
『会社四季報 2024年 3集夏号』を読む７（ＭＤ、パーム椰子、ＧＭＳ、ＥＣ、デジタルサイネージ、ハラール認証、ヴィーガンコスメ）2024-07-13
『会社四季報 2024年 3集夏号』を読む６（ＢＩＭ、ＣＭＳ、つけまつげ、ＣＤＭＯ、ＢＮＰＬ、ＥＤＩ、ＣＲＭ）2024-07-10
『会社四季報 2024年 3集夏号』を読む５（アグリゲーション、ＥＭＳ、ＢＰＯ、のれん、カカオ豆、オーツミルク）2024-07-07
『会社四季報 2024年 3集夏号』を読む４（ＳＥＰ、社内起業、ＺＥＰ、ＶＰＰ、ＤＯＥ、バイオセンサー、ＰＢＸ）2024-07-04
『会社四季報 2024年 3集夏号』を読む３（海上油田、シェールオイル、カーボンクレジット、キャッシュフロー経営、軽量気泡コンクリート、医療観光、洋上風力発電）2024-07-01
テーマ株投資（５か月）2024-06-28
『会社四季報 2024年 3集夏号』を読む２2024-06-25
『会社四季報 2024年 3集夏号』を読む１2024-06-22
JavaScript でDOM ２2024-06-18
JavaScript でDOM １2024-06-14
JavaScript でオブジェクト５2024-06-10
JavaScript でオブジェクト４2024-06-06
JavaScript でオブジェクト３2024-06-02
JavaScript でオブジェクト２2024-05-29
JavaScript でオブジェクト１2024-05-25
JavaScript で関数３2024-05-21
JavaScript で関数２2024-05-17
JavaScript で関数１2024-05-13
JavaScript で配列６2024-05-10
JavaScript で配列５2024-05-07
JavaScript で配列４2024-05-04
テーマ株投資（３カ月目）2024-05-02
JavaScript で配列３2024-04-27
JavaScript で配列２2024-04-24
JavaScript で配列１2024-04-21
JavaScript で「繰り返し」２2024-04-18
『チーズはどこへ消えた？』を読む２2024-04-15
『チーズはどこへ消えた？』を読む１2024-04-11
JavaScript で「繰り返し」１2024-04-07
JavaScript で「もし」３2024-04-01
テーマ株投資（２カ月目）2024-03-29
JavaScript で「もし」２2024-03-28
「記憶」本５冊を読む３2024-03-24
「記憶」本５冊を読む２2024-03-20
「記憶」本５冊を読む１2024-03-17
テーマ株投資（１カ月半）2024-03-15
「睡眠」本６冊を読む３（夜間・朝の行動）2024-03-10
「睡眠」本６冊を読む２（昼間の行動）2024-03-03
テーマ株投資（１か月目）2024-03-01
JavaScript で「もし」１2024-02-29
JavaScript で変数３2024-02-27
「睡眠」本６冊を読む１（理論）2024-02-25
JavaScript で変数２2024-02-23
テーマ株投資（第３週目）2024-02-22
JavaScript でヘンな数2024-02-20
「メモ」本６冊を読む２（メモの方法）2024-02-18
テーマ株投資（第２週目）2024-02-16
JavaScript で足し算2024-02-14
「メモ」本６冊を読む１（メモの意義）2024-02-12
テーマ株投資（第１週目）2024-02-09
JavaScript で「こんにちは世界」2024-02-09
「コーチング」本６冊を読む2024-02-06
はじめてのテーマ株投資2024-02-01
JavaScript とは2024-01-30
「怒り」「アンガーマネジメント」本７冊を読む2024-01-27
JavaScript を始めてみる2024-01-22
初めての自動給水器2024-01-21
「ブランディング」本６冊を読む2024-01-20

手習い日記帳

１　３つ以上の選択肢

書式

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２　if 文のネスト

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

３　次回

カテゴリー

更新記事

タグ

JavaScript で「もし」３

１ ３つ以上の選択肢

書式

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２ if 文のネスト

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

３ 次回

カテゴリー

更新記事

タグ

１　３つ以上の選択肢

２　if 文のネスト

３　次回