TypeScript - Bucles

Puede encontrar situaciones en las que un bloque de código deba ejecutarse varias veces. En general, las sentencias se ejecutan secuencialmente: la primera sentencia de una función se ejecuta primero, seguida de la segunda, y así sucesivamente.

Los lenguajes de programación proporcionan varias estructuras de control que permiten rutas de ejecución más complicadas.

Una declaración de bucle nos permite ejecutar una declaración o grupo de declaraciones varias veces. A continuación se muestra la forma general de una declaración de bucle en la mayoría de los lenguajes de programación.

TypeScript proporciona diferentes tipos de bucles para manejar los requisitos de bucle. La siguiente figura ilustra la clasificación de bucles:

Bucle definido

Un bucle cuyo número de iteraciones es definido / fijo se denomina definite loop. El ciclo for es una implementación de un ciclo definido.

S.No. Bucles y descripción
1. en bucle

El ciclo for es una implementación de un ciclo definido.

Bucle indefinido

Un ciclo indefinido se utiliza cuando el número de iteraciones en un ciclo es indeterminado o desconocido.

Los bucles indefinidos se pueden implementar usando -

S. No Bucles y descripción
1. while loop

El ciclo while ejecuta las instrucciones cada vez que la condición especificada se evalúa como verdadera.

2. hacer ... mientras

El bucle do… while es similar al bucle while excepto que el bucle do ... while no evalúa la condición por primera vez que se ejecuta.

Ejemplo: while versus do.. while

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

El ejemplo declara inicialmente un bucle while. El ciclo se ingresa solo si la expresión pasada a while se evalúa como verdadera. En este ejemplo, el valor de n no es mayor que cero, por lo tanto, la expresión devuelve falso y se omite el ciclo.

Por otro lado, el bucle do… while ejecuta la instrucción una vez. Esto se debe a que la iteración inicial no considera la expresión booleana. Sin embargo, para la iteración posterior, while verifica la condición y saca el control del ciclo.

Al compilar, generará el siguiente código 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);

El código anterior producirá el siguiente resultado:

Entered do…while

La declaración de descanso

los breakLa declaración se usa para quitar el control de una construcción. Utilizandobreaken un ciclo hace que el programa salga del ciclo. Su sintaxis es la siguiente:

Sintaxis

break

Diagrama de flujo

Ejemplo

Ahora, eche un vistazo al siguiente código de ejemplo:

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

Al compilar, generará el siguiente código 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

Producirá la siguiente salida:

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

La declaración de continuar

los continuedeclaración omite las declaraciones subsiguientes en la iteración actual y lleva el control al comienzo del ciclo. A diferencia de la sentencia break, continue no sale del ciclo. Termina la iteración actual e inicia la iteración subsiguiente.

Sintaxis

continue

Diagrama de flujo

Ejemplo

A continuación se ofrece un ejemplo de la declaración de continuación:

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

El ejemplo anterior muestra el número de valores impares entre 0 y 20. El bucle sale de la iteración actual si el número es par. Esto se logra usando elcontinue declaración.

Al compilar, generará el siguiente código 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

Salida

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

El bucle infinito

Un bucle infinito es un bucle que se ejecuta sin fin. losfor bucle y el while loop se puede utilizar para hacer un loop sin fin.

Sintaxis: Infinite Loop usando for loop

for(;;) { 
   //statements 
}

Ejemplo: bucle infinito con bucle for

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

Sintaxis: bucle infinito con bucle while

while(true) { 
   //statements 
}

Ejemplo: bucle infinito con bucle while

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