ホームページ  >  記事  >  ウェブフロントエンド  >  jsでswitchを使う方法

jsでswitchを使う方法

下次还敢
下次还敢オリジナル
2024-05-06 14:30:24597ブラウズ

JavaScript の switch ステートメントは、式と case ラベルの比較に基づいてコードのブロックを実行するために使用される制御フロー ステートメントです。構文は次のとおりです: switch (expression) { case value1: // コード ブロック 1 Break; case value2: // コード ブロック 2 Break; ...default: // デフォルトのコード ブロック Break;式は評価される値、case ラベルは比較される値、コード ブロックは式が case ラベルと一致するときに実行されるコード、break ステートメントは switch ステートメントからジャンプするために使用されます、デフォルト

jsでswitchを使う方法

JavaScriptでのswitchステートメントの使用法

switchステートメントとは何ですか?

switch ステートメントは、式に基づいて複数の case ラベルと比較するために使用される制御フロー ステートメントです。式が case ラベルと一致すると、case ラベルに含まれるコードのブロックが実行されます。

構文:

<code class="javascript">switch (expression) {
  case value1:
    // 代码块 1
    break;
  case value2:
    // 代码块 2
    break;
  ...
  default:
    // 默认代码块
    break;
}</code>

使用法:

  1. 式: これは評価される式であり、任意の型 (数値、文字列、ブール値など) を使用できます。
  2. case タグ: これらのタグの値は式と比較されます。各ケースラベルには一意の値が必要です。
  3. コード ブロック: 式が case タグに一致すると、対応するコード ブロックが実行されます。
  4. break ステートメント: break ステートメントは、switch ステートメントからジャンプするために使用されます。 Break ステートメントがない場合は、後続のケースの実行が継続されます。
  5. default タグ (オプション): default タグは、case タグが一致しない場合に実行されるコード ブロックに使用されます。 switch ステートメントの最後または他の case ラベルの間に配置できます。

例:

<code class="javascript">// 根据数字选择颜色
switch (num) {
  case 1:
    // 红色
    console.log("红色");
    break;
  case 2:
    // 绿色
    console.log("绿色");
    break;
  case 3:
    // 蓝色
    console.log("蓝色");
    break;
  default:
    // 无效选项
    console.log("无效选项");
    break;
}</code>

注:

  • 式は、const または let で宣言された変数、またはプリミティブ値 (数値や文字列など) である必要があります。
  • case タグの値は一意で反復不可能である必要があります。
  • break ステートメントはオプションですが、通常は switch ステートメントを終了し、後続の case の実行を防ぐために使用されます。

以上がjsでswitchを使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。