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 実装コード例を追加する方法

推薦する

インストールされていないバージョンの MySQL を使用する手順とパスワードを忘れた場合の解決策

最初のステップは、圧縮されたパッケージを対応するディスクに解凍することです。 2 番目の手順は、cm...

Docker を使用した MySQL のデプロイの詳細説明 (データ永続化)

この記事では、Docker を使用して MySQL をデプロイし、データを保持する方法について簡単に...

JavaScript カラービューア

この記事では、カラービューアを実装するためのJavaScriptの具体的なコードを参考までに紹介しま...

Vue3ライフサイクル関数とメソッドの詳細な説明

1. 概要いわゆるライフサイクル機能とは、特定の条件下で自動的にトリガーされる機能です。 2. VU...

MySQL における between の境界と範囲の説明

境界範囲間のmysql間の範囲は両側の境界値を含む例: 3 から 7 までの id は、id >...

MySQL 20 の高性能アーキテクチャ設計原則 (収集する価値あり)

オープンソース データベース アーキテクチャの設計原則01. 技術の選択最も使い慣れていて、最大限に...

MySQL 8.0.15 のインストールと設定方法のグラフィック チュートリアル (Windows 10 X64)

最近私が学んでいるのは MySQL の知識なので、MySQL をインストールすることが非常に重要です...

divとspanの違いと使い方

目次1. DIVとSPANの違いと特徴2. スパンタグの概要3. 拡大と改善4. 凡例の効果の実証例...

Vue で className として空の文字列を使用することはなぜ推奨されないのですか?

目次空の文字列 '' と null を比較するケース1: 空の文字列を使用する &#...

IdeaはリモートDockerをデプロイし、ファイルを構成する

1. LinuxサーバーのDocker構成ファイルを変更する vim /usr/lib/system...

MySQL はどのようにしてマスターとスレーブの同期を実現するのでしょうか?

マスタースレーブ同期 (マスタースレーブレプリケーションとも呼ばれる) は、マスタースレーブデータの...

CSSトランジションは高さを変更することで要素を拡大したり縮小したりします。

一般的な開発ニーズとして、要素の一部を必要になるまで折りたたんでおきたいことが挙げられます。 Boo...

Tomcat ディレクトリ構造の詳細な紹介

tomcat の解凍されたディレクトリを開くと、次のディレクトリ構造が表示されます。 1.Tomca...

JDBC および MySQL 一時テーブルスペースの詳細な分析

背景一時テーブルスペースは、データベースのソート操作を管理し、一時テーブルや中間ソート結果などの一時...