js タグ構文の使用法の詳細

js タグ構文の使用法の詳細

序文:

日常の開発では、プログラムの実行場所を変更するために、再帰、 breakcontinuereturnなどのステートメントをよく使用します。実際、 JavaScriptには、特定のコード ブロックをマークするためのラベル ステートメントも用意されており、特定の場所にジャンプしやすくなります。この記事では、ラベル ステートメントの使用を記録します。

1. ラベルステートメントの紹介

ラベル ステートメントは、ステートメントにラベルを付けるために使用されます。ラベルは、変数と同じ名前を持つことができます。ラベルは独立した構文要素です (変数でも型でもありません)。ラベルは、ロケーターと同等で、プログラム内の任意の位置にジャンプするために使用される「 labeled statement 」を識別するために使用されます。構文は次のとおりです。

label: statement

例えば:

    こんにちは:console.log("こんにちは")


ラベル ステートメントは、 breakcontinuereturnと同様に、プログラムの実行フローを変更できます。 breakcontinueラベルで使用できます。

2. ラベルステートメントの使用

(1)ラベル文とbreak文を組み合わせて特定のループから抜け出す

    num = 0 とします。
    私のラベル:
    (i = 0; i < 10; i++ とします) {
      (j = 0; j < 10; j++) の場合 {
        i == 5 && j == 5 の場合
          ラベルを破る;
        }
        数値++;
      }
    }
    console.log(数値); // 55


この例では、 outermostラベルが最初のforステートメントを識別します。通常、各ループは 10 回実行されます。つまり、 num++ステートメントは 100 回実行され、ループが終了するとconsole.logの結果は 100 になります。ただし、 breakステートメントは、終了するラベルである変数を取ります。ラベルを追加すると、 break内部ループ (変数 j を使用) だけでなく、外部ループ (変数 i を使用) も終了します。 i と j が両方とも 5 に等しい場合、ループの実行は停止し、 numの値は 55 になります。

(2)continueでのラベル文の使用

    num = 0 とします。
    私のラベル:
    (i = 0; i < 10; i++ とします) {
      (j = 0; j < 10; j++) の場合 {
        i == 5 && j == 5 の場合
          mylabelを続行します。
        }
        数値++;
      }
    }
    console.log(数値); // 95


continueステートメントはループの実行を強制的に継続しますが、内側のループを継続するのではなく、外側のループを継続します。 i と j が両方とも 5 に等しい場合、 continueが実行され、外側のループにジャンプして実行が続行されます。その結果、内側のループの実行回数は 5 回少なくなり、結果はnumが 95 になります。

要約:

ラベル ステートメントをbreakおよびcontinueと組み合わせると、複雑なロジックを実装できますが、エラーが発生しやすくなります。タグには説明的なテキストを使用し、ネストを深くしすぎないように注意してください。

js タグ構文の使用方法の詳細については、これで終わりです。より関連性の高い js タグ構文の使用方法については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript で判決文をエレガントに記述する例
  • 開発効率の向上に役立つ 56 個の実用的な JavaScript ツール関数
  • JavaScript はドラッグ可能なモーダルボックスを実装します
  • ドロップダウンリスト選択ボックスを実装するJavaScript
  • 州と市町村の連携を簡単に実現するJavaScript

<<:  Webページ作成の質問: 画像ファイルのパス

>>:  Power Shell に vim 実装コード例を追加する方法

推薦する

Keepalived は Nginx の負荷分散と高可用性のサンプル コードを実装します

第1章: keepalivedの紹介VRRP プロトコルの目的は、静的ルーティングの単一点障害問題を...

Vue は小数点付きの星評価を実装します

この記事では、小数点付きの星評価を実装するためのVueの具体的なコードを参考までに共有します。具体的...

Vueコンポーネントの動的コンポーネントの詳細な説明

目次要約する要約する配列が変更されると、対応するデータを動的にロードしますシナリオ: 異なるコンポー...

MySQL インデックスの効率的な使用ガイド

序文ほとんどの方がMySQLとインデックスを使用したことがあると思いますが、適切なインデックスを作成...

Saltstack に Zabbix サービスをデプロイする方法を説明します

目次SaltstackがZabbixサービスを導入httpd、mysql、phpをインストールするh...

JS でオブジェクトが空オブジェクトかどうかを判断する 5 つの方法

1. jsonオブジェクトをjson文字列に変換し、文字列が「{}」であるかどうかを判断します。 v...

CocosCreator ソースコードの解釈: エンジンの起動とメインループ

目次序文準備行く!文章プロセスを開始するメインループまとめ要約する序文準備皆さんは、こんなことを考え...

vmware14Pro で Ubuntu システム インターフェイスが小さすぎる問題の解決方法の詳細な説明

1. 動作環境vmware14proウブントゥ 16.04LTS 2. 問題の説明vmware14P...

JavaScript配列の組み込みメソッドの詳細な説明

目次1. Array.at() 2. Array.copyWithin() 3. 配列.entrie...

mysql ワイルドカード (sql 高度なフィルタリング)

目次まず、値の一部と一致させるために使用される特殊文字であるワイルドカードについて簡単に紹介します。...

W3C チュートリアル (7): W3C XSL アクティビティ

スタイル シートは、ドキュメントの表示方法、発音方法、または入力方法を記述します。XSL 言語は、X...

Vue の this.$router と this.$route の違いと push() メソッド

公式文書には次のように記されている。ルーターを挿入することで、どのコンポーネントでも this.$r...

Nginx リバース プロキシ springboot jar パッケージ プロセス分析

Springboot プロジェクトをサーバーにデプロイする方法としては、war パッケージにパッケー...

Windows Server 2019 で NAS を構成する方法

序文このチュートリアルでは最新バージョンをインストールします。 NAS は非常に安定して動作するので...

HTML ハイパーリンクの詳細な説明

ハイパーリンクハイパーリンクは、Web サイト上のすべてのページがハイパーリンクで接続され、ページ間...