ホームページ > 記事 > ウェブフロントエンド > JavaScriptのループ文とは何ですか?
JavaScript のループ文は、繰り返し実行されるループ本体と終了条件の 2 つの部分から構成される文です。繰り返される。 JavaScript ループ ステートメント: 1. for ステートメント、2. for in ステートメント、3. while ステートメント、4. do while ステートメント。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
実際の問題では規則性を持って繰り返される演算が多く、プログラム内で特定の文を繰り返し実行する必要があります。
繰り返し実行される文の集まりをループ本体と呼び、継続して繰り返し実行できるかどうかでループの終了条件が決まります。ループ構造とは、あるプログラムを一定の条件で繰り返し実行する処理構造であり、繰り返し実行されるプログラムをループ本体と呼びます。ループ ステートメントは、ループ本体とループの終了条件の 2 つの部分で構成されます。それでは、よく使用されるループ ステートメントを以下に紹介しましょう。
JavaScript は 4 つの異なるタイプのループをサポートします。
for: コード ブロックを複数回走査します。
for/in:オブジェクトのプロパティをトラバースします。
while: 指定された条件が true の場合にコード ブロックをループします。
do/while: 指定された条件が true の場合にループします。 true コードのブロック
for ステートメント
for ステートメントの構文形式は次のとおりです。
for (语句1; 语句2; 语句3) { 要执行的代码块 }
Statement 1 開始前のループ (コード ブロック) 内。ステートメント 1 はオプションです。ステートメントがない場合は、セミコロンを記述します。通常、ステートメント 1 でいくつかの変数を初期化します。変数は 1 つまたは複数にすることができます。複数の変数はカンマで区切られます。
ステートメント 2 は、ループ (コード ブロック) を実行するための条件を定義します。条件が true の場合はループに入り、ループ内のコード ブロックを実行します。それ以外の場合はループを終了します。ステートメント 2 もオプションです。ステートメントがない場合は、セミコロンを記述するだけです。ただし、ステートメントがない場合は、ループ本体にブレークを記述する必要があることに注意してください。そうしないと、ループは終了せず、ループが終了します。無限ループになる。
ステートメント 3 は、ループ (コード ブロック) が実行されるたびに実行されます。ステートメント 3 もオプションであり、ステートメント 3 の内容をループ本体に記述することができます。
細かい点に注意してください。ステートメント 3 の最後にはセミコロンがありません。
簡単な例を書いてみましょう:
<p id="demo"></p> <script> var text = "",i; for (i = 0; i < 5; i++) { text += "The number is " + i + "<br>"; } document.getElementById("demo").innerHTML = text; </script>
ステートメント 1 は、ループが開始する前に変数 (var i = 0) を設定します。
ステートメント 2 は、ループを実行する条件を定義します (i は 5 未満である必要があります)。
ステートメント 3 は、コード ブロックが実行されるたびに値 (i) を増加させます。
for/in ステートメント
for/in ステートメントは通常、オブジェクトのプロパティを調べるために使用されます。構文形式は次のとおりです:
for (属性名 in 对象) { 要执行的代码块 }
簡単な例を書いてみましょう:
<p id="demo"></p> <script> var person = {name:"刘小妞", sex:"女", work:"自媒体"}; var x,txt = ""; for (x in person) { txt += person[x] + " "; } document.getElementById("demo").innerHTML = txt; </script>
x は属性名を表し、仮パラメータと同様に任意に定義できます。属性値はオブジェクト [属性名] の形式でアクセスされ、オブジェクト.属性名という形式は使用できません。
while ステートメント
while の構文形式は次のとおりです。
while (条件) { 要执行的代码块 }
条件が true の場合、コード ブロックは次のように実行されます。ループ。
簡単な例を書いてください:
<p id="demo"></p> <script> var text = ""; var i = 0; while (i < 10) { text += "<br>数字是 " + i; i++; } document.getElementById("demo").innerHTML = text; </script>
無限ループを作成していない場合は、条件が true でなくなる可能性のあるステートメントをループ本体に含める必要があることに注意してください。
たとえば、上記の例では、ループ本体に i があり、i が 10 に増加するとループが終了します。
do/while ステートメント
do/while の構文形式は次のとおりです。
do { 要执行的代码块 } while (条件);
do/while ループは、 while ループ。
このタイプのループは、条件が true かどうかを確認する前にコード ブロックを 1 回実行し、条件が true である限りループを繰り返します。
小さな例を書いてください:
<p id="demo"></p> <script> var text = "" var i = 0; do { text += "<br>数字是 " + i; i++; } while (i < 10); document.getElementById("demo").innerHTML = text; </script>
関連する推奨事項: JavaScript 学習チュートリアル
以上がJavaScriptのループ文とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。