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.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *