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:
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.
Deja una respuesta