JavaScriptのループ文とは何ですか？-フロントエンドQ&A-php.cn

JavaScriptのループ文とは何ですか？

WBOY

リリース： 2022-04-06 14:55:20

オリジナル

6483 人が閲覧しました

JavaScript のループ文は、繰り返し実行されるループ本体と終了条件の 2 つの部分から構成される文です。繰り返される。 JavaScript ループステートメント: 1. for ステートメント、2. for in ステートメント、3. while ステートメント、4. do while ステートメント。

JavaScriptのループ文とは何ですか？

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScriptのループ文とは

実際の問題では規則性を持って繰り返される演算が多く、プログラム内で特定の文を繰り返し実行する必要があります。

繰り返し実行される文の集まりをループ本体と呼び、継続して繰り返し実行できるかどうかでループの終了条件が決まります。ループ構造とは、あるプログラムを一定の条件で繰り返し実行する処理構造であり、繰り返し実行されるプログラムをループ本体と呼びます。ループステートメントは、ループ本体とループの終了条件の 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 サイトの他の関連記事を参照してください。