TypeScript-ループ

コードのブロックを数回実行する必要がある場合があります。一般に、ステートメントは順番に実行されます。関数の最初のステートメントが最初に実行され、次に2番目のステートメントが実行されます。

プログラミング言語は、より複雑な実行パスを可能にするさまざまな制御構造を提供します。

ループステートメントを使用すると、ステートメントまたはステートメントのグループを複数回実行できます。以下に示すのは、ほとんどのプログラミング言語でのループステートメントの一般的な形式です。

TypeScriptは、ループ要件を処理するためにさまざまなタイプのループを提供します。次の図は、ループの分類を示しています-

明確なループ

反復回数が明確/固定されているループは、 definite loopループのためには、明確なループの実装です。

S.No. ループと説明
1.1。 forループ

forループは、明確なループの実装です。

不定ループ

不定ループは、ループ内の反復回数が不確定または不明な場合に使用されます。

不定ループは、−を使用して実装できます。

S.No ループと説明
1.1。 whileループ

whileループは、指定された条件がtrueと評価されるたびに命令を実行します。

2.2。 一方を行います

do ... whileループは、do ... whileループがループの最初の実行時に条件を評価しないことを除いて、whileループに似ています。

例:whileとdo..while

var n:number = 5 
while(n > 5) { 
   console.log("Entered while") 
} 
do { 
   console.log("Entered do…while") 
} 
while(n>5)

この例では、最初にwhileループを宣言しています。whileに渡された式がtrueと評価された場合にのみ、ループに入ります。この例では、nの値がゼロ以下であるため、式はfalseを返し、ループはスキップされます。

一方、do…whileループはステートメントを1回実行します。これは、最初の反復でブール式が考慮されていないためです。ただし、後続の反復では、whileが条件をチェックし、制御をループから外します。

コンパイル時に、次のJavaScriptコードが生成されます-

//Generated by typescript 1.8.10
var n = 5;
while (n > 5) {
   console.log("Entered while");
}

do {
   console.log("Entered do…while");
} while (n > 5);

上記のコードは次の出力を生成します-

Entered do…while

ブレークステートメント

ザ・ breakステートメントは、構成から制御を取り除くために使用されます。使用するbreakループ内では、プログラムはループを終了します。その構文は次のとおりです-

構文

break

フロー図

ここで、次のサンプルコードを見てください-

var i:number = 1 
while(i<=10) { 
   if (i % 5 == 0) {   
      console.log ("The first multiple of 5  between 1 and 10 is : "+i) 
      break     //exit the loop if the first multiple is found 
   } 
   i++ 
}  //outputs 5 and exits the loop

コンパイル時に、次のJavaScriptコードが生成されます-

//Generated by typescript 1.8.10
var i = 1;

while (i <= 10) {
   if (i % 5 == 0) {
      console.log("The first multiple of 5  between 1 and 10 is : " + i);
      break; //exit the loop if the first multiple is found
   }
   i++;
} //outputs 5 and exits the loop

次の出力が生成されます-

The first multiple of 5  between 1 and 10 is : 5

継続ステートメント

ザ・ continueステートメントは、現在の反復で後続のステートメントをスキップし、制御をループの最初に戻します。breakステートメントとは異なり、continueはループを終了しません。現在の反復を終了し、次の反復を開始します。

構文

continue

フローチャート

継続ステートメントの例を以下に示します-

var num:number = 0
var count:number = 0;

for(num=0;num<=20;num++) {
   if (num % 2==0) {
      continue
   }
   count++
}
console.log (" The count of odd values between 0 and 20 is: "+count)    //outputs 10

上記の例は、0から20までの奇数値の数を表示します。数が偶数の場合、ループは現在の反復を終了します。これは、continue ステートメント。

コンパイル時に、次のJavaScriptコードが生成されます。

//Generated by typescript 1.8.10
var num = 0;
var count = 0;

for (num = 0; num <= 20; num++) {
   if (num % 2 == 0) {
      continue;
   }
   count++;
}
console.log(" The count of odd values between 0 and 20 is: " + count);     //outputs 10

出力

The count of odd values between 0 and 20 is: 10

無限ループ

無限ループは、無限に実行されるループです。ザ・for ループと while ループを使用して、無限ループを作成できます。

構文:forループを使用した無限ループ

for(;;) { 
   //statements 
}

例:forループを使用した無限ループ

for(;;) { 
   console.log(“This is an endless loop”) 
}

構文:whileループを使用した無限ループ

while(true) { 
   //statements 
}

例:whileループを使用した無限ループ

while(true) { 
   console.log(“This is an endless loop”) 
}