CodeGym /Cursos /Frontend SELF ES /Control del flujo de ejecución de los bucles

Control del flujo de ejecución de los bucles

Frontend SELF ES
Nivel 34, Lección 4
Disponible

10.1 Operador break

Los operadores break y continue se utilizan para controlar el flujo de ejecución de los bucles en JavaScript. Permiten interrumpir inmediatamente la ejecución de un bucle o pasar a la siguiente iteración, respectivamente.

Operador break

El operador break se utiliza para salir inmediatamente de un bucle. Cuando break se encuentra en el cuerpo del bucle, la ejecución del bucle se detiene y el control se transfiere al siguiente bloque de código después del bucle.

Sintaxis:

    
      break;
    
  

Interrupción del bucle for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i === 5) {
          break; // Interrumpe el bucle al alcanzar i = 5
        }
        console.log(i);
      }

      // Salida: 0 1 2 3 4
    
  

10.2 Operador continue

El operador continue se utiliza para saltar la iteración actual de un bucle y pasar a la siguiente iteración. A diferencia de del operador break, continue no termina todo el bucle, solo omite la iteración actual.

Sintaxis:

    
      continue;
    
  

Saltear iteración en un bucle for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i % 2 === 0) {
          continue; // Omite la iteración actual si i es par
        }
        console.log(i);
      }

      // Salida: 1 3 5 7 9
    
  

Saltear iteración en un bucle while:

JavaScript
    
    let i = 0;

    while (i < 10) {
      i++;
      if (i % 2 === 0) {
        continue; // Omite la iteración actual si i es par
      }
      console.log(i);
    }

    // Salida: 1 3 5 7 9
    
  

10.3 Comparación de los operadores break y continue

Operador Descripción Ejemplos de uso
break Termina inmediatamente la ejecución del bucle actual Salir del bucle cuando se cumple una condición
continue Omite la iteración actual del bucle y pasa a la siguiente Omitir iteración del bucle cuando se cumple una condición

Los operadores break y continue son herramientas poderosas para controlar el flujo de ejecución de los bucles en JavaScript. break se utiliza para terminar inmediatamente el bucle, mientras que continue omite la iteración actual y pasa a la siguiente. El uso correcto de estos operadores permite crear un código más flexible y eficiente que es más fácil de entender y mantener.

10.4 Uso de break y continue en bucles anidados

Los bucles anidados son bucles dentro de otros bucles. Los operadores break y continue pueden usarse en tales construcciones para controlar el flujo de ejecución de tanto el bucle externo como el interno.

Ejemplo con break en bucles anidados:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            break; // salir del ciclo interno
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Salida:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  

Ejemplo con continue en bucles anidados:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            continue; // omitir la iteración del ciclo interno
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Salida:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 1, j = 2
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  
1
Tarea
Frontend SELF ES, nivel 34, lección 4
Bloqueada
Interrupción en 7
Interrupción en 7
1
Tarea
Frontend SELF ES, nivel 34, lección 4
Bloqueada
Salto de pares
Salto de pares
1
Cuestionario/control
Bucles y arreglos, nivel 34, lección 4
No disponible
Bucles y arreglos
Bucles y arreglos
Comentarios
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION