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

推薦する

HTML 要素 noscript の使用の紹介

noscript の定義と使用法noscript 要素は、スクリプトが実行されない場合の代替コンテン...

元のPATHを上書きしてコマンドが見つからないというメッセージが表示されるコマンド失敗の問題を解決する方法

同僚から、LINUX サーバー上の多くのコマンドが (コマンドが見つかりません) というプロンプトで...

JavaScript におけるイベント委譲メカニズムと深いコピーと浅いコピーの簡単な分析

目次1. イベントの委任イベントバブリングイベントキャプチャイベントの泡立ちの昇華考える2. 深いコ...

ロンボク実装 JSR-269

序文導入Lombok は、Google Guava と同様に便利なツールであり、強くお勧めします。す...

Linux での Nginx 監視の問題

nginxのインストール仮想マシンがインターネットにアクセスできることを確認します。 1. ルートユ...

CSS スクロールバースタイル変更コード

CSS スクロールバースタイル変更コード .scroll::-webkit-scrollbar { ...

JavaScript ジグソーパズルゲーム

この記事の例では、ジグソーパズルゲームを実装するためのJavaScriptの具体的なコードを参考まで...

jsでライトスイッチの効果を実現

この記事の例では、ライトスイッチ効果を実現するためのjsの具体的なコードを参考までに共有しています。...

HTML5 と HTML4 の 10 の主な違い

HTML5 は HTML 標準の次のバージョンです。ますます多くのプログラマーが、Web サイトの構...

さまざまな MySQL テーブルソートルールのエラーの分析

MySQL が複数のテーブルを結合するときに、次のエラーが報告されます: [Err]1267 – 操...

Apache Log4j2 が核レベルの脆弱性と迅速な修正を報告

Apache Log4j2 が核レベルの脆弱性を報告し、スタックリーダーの友人たちは大騒ぎになりまし...

HTMLでは、div内のコンテンツが次のサイズを超えたときに自動的にスクロールバーが表示されるように設定します。

HTML ページでは、div 内のコンテンツが制限を超えた後に自動的にスクロール バーを表示する必要...

Ubuntu 上の MySQL における中国語文字化け問題の解決方法

問題を見つける最近 Django を学習しているのですが、MySQL データと組み合わせてデータを挿...

Vue Element UI カスタム説明リストコンポーネント

この記事の例では、Vue Element UIカスタム説明リストコンポーネントの具体的なコードを参考...