今回は switch 文 を用いて条件分岐を学びます。
1 条件分岐
処理の流れを選択するための方法として、if 文のほかに switch 文があります。
これは一度に多数の条件を比較的わかりやすく設定することができます。
ちなみに エクセルVBA の Select Case と同じ機能となります。
書式
switch(変数または式){ case 値① 行わせたい処理① break; ・ ・ ・ case 値? 行わせたい処理? break; }
書式は上記のようになります。
まず、変数または式を1行目に置いて、その値が case ごとにどのようなものかを判断します。
合致する場合に 行わせたい処理 を実行して、break で switch 文を終了します。
ですので、この文では基本的にどれか一つを選ぶように値を設定する必要があります。
2 基本
それでは、有名な映画タイトルで遊んでみましょう。
HTML(コード入力)
<!DOCTYPE html> <html> <head> <title>ブギーマン</title> <meta charset="UTF-8"> </head> <body> <script> let keanu = 1; switch(keanu){ case 1: document.write("<p>ジョン・ウィック</p>"); break; case 2: document.write("<p>チャプター2</p>"); break; case 3: document.write("<p>パラベラム</p>"); break; case 4: document.write("<p>コンセクエンス</p>"); break; default: document.write("<p>雲の中で散歩</p>"); break; } </script> </body> </html>
ブラウザ(実行結果)
まず、<script> 内の1行目で変数 keanu を宣言し、数字1を代入します。
次いで、2行目で keanu という変数の値を判断することを指示し、3行目以下でその値を設定しています。
変数に代入された値が「1」という数値ですので、それに合致する case1 に記述してある document.write(“ジョン・ウィック”); が実行され、ブラウザには「ジョン・ウィック」が表示されます。
最後に break; がありますので、そのままこの switch 文を終了しました。
それでは「4」を代入してみましょう。
HTML(コード入力)の一部
let keanu = 4;
ブラウザ(実行結果)
「コンセクエンス」が表示されました。
なお、「1」から「4」までのどの値にも合致しない場合は、default に記述してある内容が実行されます。
HTML(コード入力)の一部
let keanu = 5;
ブラウザ(実行結果)
「雲の中で散歩」が表示されました。
ちなみに1995年の恋愛映画です。
3 その他
また、switch 文は厳密に比較されます。( == ではなく === で比較)
ですので、数値の「1」と文字列の「”1”」とは区別されるので注意です。
HTML(コード入力)の一部
let keanu = "1";
ブラウザ(実行結果)
「1」と「”1”」とは異なると判断されたので、「雲の中で散歩」が表示されてしまいました。
そして、複数の値で同一の処理をさせることも可能です。
HTML(コード入力)
<!DOCTYPE html> <html> <head> <title>小学校</title> <meta charset="UTF-8"> </head> <body> <script> let a = 2; switch(a){ case 1: case 2: case 3: document.write("<p>1ねんせい から 3年生 まで</p>"); break; case 4: case 5: case 6: document.write("<p>4年生 から 6年生 まで</p>"); break; default: document.write("<p>ご家族</p>"); break; } </script> </body> </html>
ブラウザ(実行結果)
変数 a に2が代入されていますので、「1ねんせいから3年生まで」が表示されました。
4 次回
さて、次回はもう少し複雑な条件分岐にチャレンジしてみます。
カテゴリー
更新記事
- 『日本経済新聞』を読む 9(家計金融資産、車載半導体、ホタテ、コンテナ、GPU)
- 『日本経済新聞』を読む 8(北陸新幹線、車中泊、ジョブ型、GPIF、メタンハイドレート)
- 『日本経済新聞』を読む 7(紙、ラストワンマイル、リユース市場、カード審査、ボルダリング)
- 『日本経済新聞』を読む 6(iPS細胞、騰落レシオ、短期プラ、REIT、フードテック)
- 『日本経済新聞』を読む 5(ナフサ、ビール、輸入牛肉、悪玉コレステロール、核融合)
- 『日本経済新聞』を読む 4(ダビンチ・サージカル・システム、ゼロエミッション船、クッキー、LBO、洋上風力発電)
- 『日本経済新聞』を読む 3(変動金利、HSP、スリープテック、双腕ロボット、物流パレット)
- 『日本経済新聞』を読む 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) ことば (9) アンガーマネジメント (1) インソース (1) ココナラ (11) コーチング (1) チーズ (2) ネズミ (2) ノート (2) パーソルホールディングス (3) ブランディング (1) ブランド (1) プログリット (1) ポート (1) メモ (2) リスキリング (1) リンクアンドモチベーション (2) 変数 (3) 学習 (1) 小人 (2) 怒り (1) 株式 (29) 用語 (2) 睡眠 (3) 給水器 (1) 記憶 (3) Aoba-BBT (11) IGS (11) Kラーニング (1)