Estructuras repetitivas en Typescript

Hola a todos, hoy os voy a explicar como funcionan las estructuras repetitivas en typescript.

Las estructuras repetitivas nos permiten repetir una acción hasta que no se cumpla una condición.

Recuerda como iniciar un proyecto en typescript:

Como iniciar un proyecto TypeScript

Empezamos con el bucle while, este es su sintaxis:

while( condicion ){
    // acciones    
}

Mientras la condición sea verdadera, continuará dentro del bucle.

Veamos como puedo recorrer de 1 a 10 con un bucle while:

let i: number = 1;

while(i<=10){
    console.log(i);
    i++;   
}

Es importante i++, ya que sino nunca se cumpliría la condición para salir.

Este es el resultado:

La estructura for es como la anterior, pero tiene una sintaxis diferente:

for ( inicializacion ; condicion ; incremento/decremento ) {
    // acciones
}

Tenemos 3 partes:

• Inicialización: inicializamos las variables que usaremos dentro del for. Opcional.
• Condición: cuando no se cumpla saldremos del for.
• Incremento/decremento: indicamos el incremento o decremento de la variable que inicialicemos. Opcional

Veamos el mismo ejemplo con un for:

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

Este es el resultado:

Otra forma de recorrer es con la función forEach de los arrays, es recomendable para array de objetos.

let array: number[] = [5, 10, 15, 20, 25, 30];

array.forEach(a => {
    console.log(a);
});

Este es el resultado:

También podemos poner el indice:

let array: number[] = [5, 10, 15, 20, 25, 30];

array.forEach( (a, index) => {
    console.log("Index: " + index + ", Elemento: " + a);
});

Este es el resultado:

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.