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 8.0.11 のインストール プロセスと Navicat とのリンク時に発生する問題の概要

私のシステムとソフトウェアのバージョンは次のとおりです。システム環境: win7、64ビットMySQ...

IE6/7 における a.getAttribute(href,2) 問題の分析と解決

簡単な説明<br />IE6および7では、一般的なaタグ(HTMLで記述され、DOM操作...

JavaScript の parseInt() の魔法についての簡単な説明

原因このブログを書いた理由は、今日Leetcodeの日課問題をやっていたからです。文字列を整数(at...

Docker 可視化グラフィックツール portainer の詳細な説明

目次1. ポーテナーの紹介2. Portainer アーキテクチャの概要3. Portainerのイ...

Linux で特定の時間にコマンドを実行する方法

先日、rsync を使用して LAN 上の別のシステムに大きなファイルを転送していました。非常に大き...

CSS3 カウントダウン効果

成果を達成する実装コードhtml <div クラス = 'ラッパー'> ...

Eclipse/Tomcat でホットデプロイメントとホットスタートを実装する方法

1. ホット デプロイメント: コンテナの実行中にプロジェクト全体を再デプロイすることを意味します。...

Vue v-model 関連の知識のまとめ

​v-model は、入力とフォーム データ間、または 2 つのコンポーネント間の双方向データ バイ...

Linux でのスケジュールされたタスクと遅延タスクの詳細な説明

で+ 時間 17:23に at> touch /mnt/file{1..9} ##アクションを...

CSSフィルターにはどんな魔法の用途があるか

背景基本概念CSS filterプロパティは、ぼかしや色の変化などのグラフィック効果を要素に適用して...

JavaScript タイピングゲーム

この記事では、タイピングゲームを実装するためのJavaScriptの具体的なコードを参考までに紹介し...

WeChatアプレットはシンプルな計算機を実装する

WeChatアプレットの簡単な計算機は参考用です。具体的な内容は次のとおりです。 1. はじめに1....

node.js で PC 上の WeChat アプレット パッケージを復号化するための処理アイデア

目次アプレットのソースコードはどこにありますか? PC ミニプログラムはどのように暗号化されますか?...

Linux の圧縮および解凍コマンドの紹介

目次一般的な圧縮形式: gz .bz2 .xz .zip一般的に使用されるアーカイブは圧縮を必要とす...

JS でシンプルな画像カルーセル効果を実現

この記事では、シンプルな画像カルーセル効果を実現するためのJSの具体的なコードを参考までに紹介します...