今回も if 文 を用いて条件分岐を学びます。
![画像に alt 属性が指定されていません。ファイル名: 20240225_study_wakaru_boy.png](https://tenarai.blog/wp-content/uploads/2024/03/image.png)
1 3つ以上の選択肢
else if 文でさらに複雑な条件を設定することができます。
書式
if(条件式A){ 行わせたい処理① }else if(条件式B){ 行わせたい処理② }else{ 行わせたい処理③ }
書式は上記のようになります。
条件式Aに合致した場合、行わせたい処理①が実行されて終了します。
しかし、合致しない場合には新たに条件式Bで判断され、合致する場合は行わせたい処理②が、合致しない場合は行わせたい処理③が実行されて、それぞれ終了します。
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 の条件に合致するのでブラウザでは「老年」が表示されました。
なお、いずれの条件にも合致しない数値であれば、「生産年齢」が表示されることになります。
2 if 文のネスト
次に if 文の「ネスト」を試してみます。
なお、ネスト(nest)とは、もともとは巣のことですが、入れ子などの意味もあります。
下に例を示します。
複雑なようですが、入れ子構造が分かっていれば if 文を順番にたどっていくだけです。
HTML(コード入力)の一部
// <script> は省略 let age = 30; let job = "サラリーマン"; if(age == 30){ if(job == "サラリーマン"){ document.write("<p>30歳のサラリーマンです。</p>"); }else{ document.write("<p>30歳ですが、サラリーマンではありません。</p>"); } }else{ document.write("<p>30歳ではありません。</p>"); }
ブラウザ(実行結果)
この例では、まず一つ目の if 文において 変数 age が「30」であるか を判断し、合致するのであれば、次に二つ目の if 文において 変数 job が「サラリーマン」という文字列であるか を判断しています。
両方とも合致するので「30歳のサラリーマンです。」が表示されています。
HTML(コード入力)の一部
// <script> は省略 let age = 30; let job = "自営業"; if(age == 30){ if(job == "サラリーマン"){ document.write("<p>30歳のサラリーマンです。</p>"); }else{ document.write("<p>30歳ですが、サラリーマンではありません。</p>"); } }else{ document.write("<p>30歳ではありません。</p>"); }
ブラウザ(実行結果)
この例では、一つ目の if 文においては条件に合致しますが、二つ目の if 文では条件に合しません。
したがって、else 以下の「 30歳ですが、サラリーマンではありません。」が表示されることになります。
最後に、変数 age が「30」でない場合は、そもそも二つ目の if 文の判断は行われずに、else 以下にある内容が実行されて「30歳ではありません。」と表示されることになります。
3 次回
さて、次回は事務処理にとっては大きな味方となる「繰り返し処理」を使って、いろいろ試していきます。
カテゴリー
更新記事
- 『日本経済新聞』を読む 2(DAC、株主優待、オピオイド、ベトナム車市場、離れ小島)
- 『日本経済新聞』を読む 1(リバースメンタリング、CBT、EBPM、地方創生DAO、IBD)
- テーマ株投資(7か月)
- 『会社四季報 2024年 3集 夏号』を読む 20(RPF、DtoC、ToF、駅ナカ、CX)
- 『会社四季報 2024年 3集 夏号』を読む 19(ATC、プローブカード、ニューデリー、商品CFD、SUV、FPC、IFRS)
- 『会社四季報 2024年 3集 夏号』を読む 18(シャリ玉ロボット、YAGレーザー、シナジー、SaaS、クルーズ、DFBレーザー)
- 『会社四季報 2024年 3集 夏号』を読む 17(DSP、サーメタル、自動小銃、ダイカストマシン、FPSO、サーボモーター、水晶振動子)
- 『会社四季報 2024年 3集 夏号』を読む 16(クロスセル、eVTOL、CFCC、RFID、配当性向、事業承継)
- 『会社四季報 2024年 3集 夏号』を読む 15(SiC半導体、NAS電池、フェロニッケル、フェライト粉、スポンジチタン)
- 『会社四季報 2024年 3集 夏号』を読む 14(AI警備システム、プロダクトアウト、ホットメルト接着剤、放熱ゲル、パイル、カソード)
- 『会社四季報 2024年 3集 夏号』を読む 13(PLM、ファクタリング、BCP、グリシン、メタクリル樹脂、アクティブシニア)
- テーマ株投資(6か月)
- 『会社四季報 2024年 3集 夏号』を読む 12(カプロラクタム、ゼロトラスト、RAG、ERP、シリカ)
- 『会社四季報 2024年 3集 夏号』を読む 11(オリゴマー、エッジAI、MLCC、ジルコニウム、アセチレンガス、ファインケミカル)
- 『会社四季報 2024年 3集 夏号』を読む 10(フラッシュハンドル、自動配膳ロボット、R-SUD、レコメンド機能、マーチャンダイジング、エレクトロニクスガス、コーシャ認証)
- 『会社四季報 2024年 3集 夏号』を読む 9(ペロブスカイト太陽電池、プロテイン、銀だこ、尿素SCR、エクソソーム)
- 『会社四季報 2024年 3集 夏号』を読む 8(ドミナント、EBITDA、SAF、消防車、キャンプ用品、GIGAスクール、ボウリング場)
- 『会社四季報 2024年 3集 夏号』を読む 7(MD、パーム椰子、GMS、EC、デジタルサイネージ、ハラール認証、ヴィーガンコスメ)
- 『会社四季報 2024年 3集 夏号』を読む 6(BIM、CMS、つけまつげ、CDMO、BNPL、EDI、CRM)
- 『会社四季報 2024年 3集 夏号』を読む 5(アグリゲーション、EMS、BPO、のれん、カカオ豆、オーツミルク)
- 『会社四季報 2024年 3集 夏号』を読む 4(SEP、社内起業、ZEP、VPP、DOE、バイオセンサー、PBX)
- 『会社四季報 2024年 3集 夏号』を読む 3(海上油田、シェールオイル、カーボンクレジット、キャッシュフロー経営、軽量気泡コンクリート、医療観光、洋上風力発電)
- テーマ株投資(5か月)
- 『会社四季報 2024年 3集 夏号』を読む 2
- 『会社四季報 2024年 3集 夏号』を読む 1
- JavaScript でDOM 2
- JavaScript でDOM 1
- JavaScript でオブジェクト 5
- JavaScript でオブジェクト 4
- JavaScript でオブジェクト 3
- JavaScript でオブジェクト 2
- JavaScript でオブジェクト 1
- JavaScript で関数 3
- JavaScript で関数 2
- JavaScript で関数 1
- JavaScript で配列 6
- JavaScript で配列 5
- JavaScript で配列 4
- テーマ株投資(3カ月目)
- JavaScript で配列 3
- JavaScript で配列 2
- JavaScript で配列 1
- JavaScript で「繰り返し」2
- 『チーズはどこへ消えた?』を読む 2
- 『チーズはどこへ消えた?』を読む 1
- JavaScript で「繰り返し」1
- JavaScript で「もし」3
- テーマ株投資(2カ月目)
- JavaScript で「もし」2
- 「記憶」本 5冊を読む 3
- 「記憶」本 5冊を読む 2
- 「記憶」本 5冊を読む 1
- テーマ株投資(1カ月半)
- 「睡眠」本 6冊を読む3(夜間・朝の行動)
- 「睡眠」本 6冊を読む2(昼間の行動)
- テーマ株投資(1か月目)
- JavaScript で「もし」1
- JavaScript で変数3
- 「睡眠」本 6冊を読む1(理論)
- JavaScript で変数2
- テーマ株投資(第3週目)
- JavaScript でヘンな数
- 「メモ」本 6冊を読む2(メモの方法)
- テーマ株投資(第2週目)
- JavaScript で足し算
- 「メモ」本 6冊を読む1(メモの意義)
- テーマ株投資(第1週目)
- JavaScript で「こんにちは世界」
- 「コーチング」本 6冊を読む
- はじめてのテーマ株投資
- JavaScript とは
- 「怒り」「アンガーマネジメント」本 7冊を読む
- JavaScript を始めてみる
- 初めての自動給水器
- 「ブランディング」本 6冊を読む
タグ
break (1) class (3) collection (6) continue (1) CSS (2) DOM (2) for (1) function (3) HTML (8) if (2) JavaScript (28) object (5) pop (1) push (1) shift (1) switch (1) unshift (1) VBA (1) while (2) ことば (2) アンガーマネジメント (1) インソース (1) ココナラ (11) コーチング (1) チーズ (2) ネズミ (2) ノート (2) パーソルホールディングス (3) ブランディング (1) ブランド (1) プログリット (1) ポート (1) メモ (2) リスキリング (1) リンクアンドモチベーション (2) 変数 (3) 学習 (1) 小人 (2) 怒り (1) 株式 (29) 睡眠 (3) 給水器 (1) 記憶 (3) Aoba-BBT (11) IGS (11) Kラーニング (1)