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

推薦する

SQL IDENTITY_INSERT ケーススタディ

一般的に、データ テーブル内の列を ID 列として設定すると、ID 列の表示値を手動で ID 列に挿...

CSS3 レーダースキャンマップのサンプルコード

CSS3 を使用して、クールなレーダースキャン画像を実現します。 コード上で直接: // インデック...

優れたWebフォームデザイン事例20選

ソフィー・ハルダッククライドキー埠頭 37 東ソープボックス Rxバランス EEハーバー対比 SVN...

jQuery を使用して、iframe 下の無効なページ アンカー ポイントの問題を修正する

適用シナリオ: iframe ページにスクロール バーがなく、親ウィンドウにスクロール バーが表示さ...

Vueの最初のプログラムを書くための勉強ノート

目次1. HTMLを書く、最初のVueプログラムビューテンプレートとデータに注意してください決定ルー...

一般的な JavaScript 文字列メソッド 28 個と使用方法のヒントのまとめ

目次序文1. 文字列の長さを取得する2. 文字列の指定された位置の値を取得する(1) charAt(...

LinuxでIPアドレスを手動で設定するための詳細な手順

目次1.まずネットワークカードの設定ディレクトリに入る2. ifcfg-ens33ネットワークカード...

Centos7 で NIS を構成する詳細な手順

目次原理ネットワーク環境の準備インストール前の準備NIS サーバー操作NIS クライアント操作原理N...

Nginx proxy_redirect の使用方法の詳細な説明

今日、Apache の nginx リバース プロキシを実行していたときに、ちょっとした問題に遭遇し...

Mysqlは実行中のトランザクションを照会し、ロックを待機する方法

navicatを使用してテストと学習を行います。まず、 set autocommit = 0;を使用...

RHCE ブリッジング、パスワード不要のログイン、ポート番号の変更の概要

目次1. ブリッジを設定し、検証のためにパケットをキャプチャする1. ブリッジデバイスとセッションを...

WebデザイナーがRetinaディスプレイデバイス向けの画像を作成する方法

特記事項:この記事は、Chris Spooner の英語記事「Web デザイン用の Retina グ...

MySQLのファジークエリの要約

1. 一般的な使用法: (1)%で使用する% は 1 つ以上の文字のワイルドカードを表します。たとえ...

Dockerfile における ENV 命令の具体的な使用法の詳細な説明

1. Dockerfile 内の ENV 命令は、イメージの環境変数を定義するために使用されます。次...

Linux システムでの Selenium クローラー プログラムの導入の概要

目次序文1. セレンとは何ですか? 2. 使用手順1. ライブラリをインポートする2. テストコード...