JavaScript で「もし」２

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

１　条件分岐

　処理の流れを選択するための方法として、if 文のほかに switch 文があります。
　これは一度に多数の条件を比較的わかりやすく設定することができます。
　ちなみにエクセルVBA の Select Case と同じ機能となります。

書式

switch（変数または式）{
    case 値①
        行わせたい処理①
        break;
　　・
　　・
　　・
    case 値？
        行わせたい処理？
        break;
}

　書式は上記のようになります。
　まず、変数または式を１行目に置いて、その値が case ごとにどのようなものかを判断します。
　合致する場合に行わせたい処理を実行して、break で switch 文を終了します。
　ですので、この文では基本的にどれか一つを選ぶように値を設定する必要があります。

２　基本

　それでは、有名な映画タイトルで遊んでみましょう。

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>チャプター２</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> 内の１行目で変数 keanu を宣言し、数字１を代入します。
　次いで、２行目で keanu という変数の値を判断することを指示し、３行目以下でその値を設定しています。
　変数に代入された値が「１」という数値ですので、それに合致する case1 に記述してある document.write(“ジョン・ウィック”); が実行され、ブラウザには「ジョン・ウィック」が表示されます。
　最後に break; がありますので、そのままこの switch 文を終了しました。

　それでは「４」を代入してみましょう。　

HTML（コード入力）の一部

let keanu = 4;

ブラウザ（実行結果）

てすと

　「コンセクエンス」が表示されました。

　なお、「１」から「４」までのどの値にも合致しない場合は、default に記述してある内容が実行されます。

HTML（コード入力）の一部

let keanu = 5;

ブラウザ（実行結果）

てすと

　「雲の中で散歩」が表示されました。
　ちなみに１９９５年の恋愛映画です。

３　その他

　また、switch 文は厳密に比較されます。（ == ではなく === で比較）
　ですので、数値の「１」と文字列の「”１”」とは区別されるので注意です。

HTML（コード入力）の一部

let keanu = "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>１ねんせい から ３年生 まで</p>");
        break;
    case 4:
    case 5:
    case 6:
        document.write("<p>４年生 から ６年生 まで</p>");
        break;
    default:
        document.write("<p>ご家族</p>");
        break;
    }
</script>
</body>
</html>

ブラウザ（実行結果）

小学校てすと

　変数 a に２が代入されていますので、「１ねんせいから３年生まで」が表示されました。　

４　次回

　さて、次回はもう少し複雑な条件分岐にチャレンジしてみます。

更新記事

『会社四季報 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（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

３　その他

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）

ブラウザ（実行結果）

４　次回

カテゴリー

更新記事

タグ

JavaScript で「もし」２

１ 条件分岐

書式

２ 基本

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

３ その他

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）

ブラウザ（実行結果）

４ 次回

カテゴリー

更新記事

タグ

１　条件分岐

２　基本

３　その他

４　次回