Bucles

Nota

Los bucles son estructuras de control que nos permiten ejecutar un bloque de código repetidas veces. En JavaScript tenemos 3 tipos de bucles que son: for, while y do while.

while

La palabra reservada while nos permite ejecutar un bloque de código repetidas veces, hasta que se cumpla una condición. Un ejemplo sería que tu entrenador te pone a correr 10 vueltas al campo y no puedes descansar mientras no termines las 10 vueltas.

let vueltas=0; //Declarando la variable vueltas
while(vueltas < 10){ //Evaluando la condición
// si cumple la condición se ejecuta este bloque de código
console.log("Vuelta: " + vueltas); 
vueltas++; //Incrementando el contador
}
console.log("Terminaste las 10 vueltas"); //Se ejecuta una vez que termine el ciclo

do while

La palabra reservada do while nos permite ejecutar un bloque de código repetidas veces, hasta que se cumpla una condición, pero nos permite ejecutar el código al menos 1 vez ya que la condición es al final.

let vueltas=0; //Declarando la variable vueltas
do{ 
// si cumple la condición se ejecuta este bloque de código
console.log("Vuelta: " + vueltas);
vueltas++; //Incrementando el contador
}while(vueltas < 10); //Evaluando la condición
console.log("Terminaste las 10 vueltas"); //Se ejecuta una vez que termine el ciclo

for

La palabra reservada for nos permite ejecutar un bloque de código repetidas veces, al igual que el while y do while, pero nos permite declarar e incrementar el contador en la misma línea, y al igual que el while se evalúa primero la condición.

// la estructura es: for ( declaramos un contador; evaluamos la condicion; incrementamos el contador)
for(let vueltas = 0; vueltas < 10; vueltas++){ //Evaluando la condición
// si cumple la condición se ejecuta este bloque de código
console.log("Vuelta: " + vueltas); 
}
console.log("Terminaste las 10 vueltas"); //Se ejecuta una vez que termine el ciclo

Continue y Break

Continue y Break son dos palabras clave de JavaScript que se utilizan para controlar el flujo de ejecución de los bucles.

Continue permite saltar a la siguiente iteración del bucle, sin ejecutar el resto del código de la iteración actual.

Mientras que Break permite terminar la ejecución del bucle de forma inmediata.

Veamos a Continue como si fuese un puente momentáneo que nos permite saltarnos una interacción.

Por otro lado Break es un poco más agresivo y digamos que es una muralla que se aparece justo cuando por ejemplo se cumple algo y decide terminar de iterar, aunque exista más carretera la muralla no dejara seguir.

// continue y break pueden ir separados o juntos, para este ejemplo lo usaremos junto
// Bucle for Imprimirá todos los numero impares hasta llegar al 9.
for (let i = 0; i < 10; i++) {
  // Si el número es par, saltar la iteración
  if (i % 2 === 0) {
    continue;
  }
  // Si el número es mayor a 8, terminira la iteración
  if (i > 8) {
    break;
  }
  console.log(i);
}

Prueba tu conocimiento

¿Cuál de las siguientes es la sintaxis correcta para un bucle for?

✨ Correcto: ❌ Incorrecto:

¿Qué hace la palabra reservada `break` dentro de un bucle?

✨ Correcto: ❌ Incorrecto:

¿Qué hace la palabra reservada `continue` dentro de un bucle?

✨ Correcto: ❌ Incorrecto:
Atrás

6

Siguiente