En JavaScript, el método forEach de los arrays está diseñado para ejecutar una función por cada elemento sin un mecanimso integrado para detener la iteración de forma prematura. Sin embargo, existen varias estrategias para simular esta interrupción. A continuación, se describen enfoques comunes, incluyendo formas de manejar bucles for anidados.

1. Empleo de la sentencia return con una bandera

Se puede usar una variable booleana para controlar la ejecución dentro del forEach. Al establecer la bandera, las iteraciones posteriores se saltan mediante return.

const valores = [5, 10, 15, 20, 25, 30];
let continuar = true;

valores.forEach((num) => {
  if (!continuar) return;
  console.log(num);
  if (num === 15) continuar = false;
});
// Salida: 5, 10, 15

2. Uso de excepciones para controlar el flujo

Lanzar una excepción personalizada dentro del forEach permite interrumpir la iteración. Se debe capturar la excepción en un bloque try-catch y manejarla adecuadamente.

const datos = [2, 4, 6, 8, 10, 12];

try {
  datos.forEach((item) => {
    console.log(item);
    if (item === 8) throw new Error('IteraciónDetenida');
  });
} catch (error) {
  if (error.message !== 'IteraciónDetenida') throw error;
}
// Salida: 2, 4, 6, 8

3. Reemplazo con bucles for...of

El bucle for...of soporta la sentencia break, lo que faciliat interrumpir la iteración bajo condiciones específicas.

const elementos = ['a', 'b', 'c', 'd', 'e'];
for (const elem of elementos) {
  console.log(elem);
  if (elem === 'c') break;
}
// Salida: a, b, c

4. Modificación del array durante la iteración

Establecer la propiedad length del array a cero dantro de forEach puede detener iteraciones futuras, aunque es una técnica no recomendada por su falta de claridad.

const coleccion = [100, 200, 300, 400, 500];
coleccion.forEach((precio) => {
  if (precio >= 300) {
    console.log(precio);
    coleccion.length = 0;
  }
});
// Salida: 300 (y posiblemente 400, 500 dependiendo de la implementación)

5. Alternativas con bucles for y el método some

Para mayor control, se puede utilizar un bucle for tradicional con break, o el método Array.some, que detiene la iteración al encontrar un elemento que cumpla la condición.

// Ejemplo con bucle for
const numeros = [3, 6, 9, 12, 15];
for (let i = 0; i < numeros.length; i++) {
  if (numeros[i] >= 9) {
    console.log(numeros[i]); // 9
    break;
  }
}

// Ejemplo con Array.some
const encontrado = numeros.some((n) => {
  console.log(n);
  return n >= 9; // Detiene al retornar true
});
// Salida: 3, 6, 9

6. Escapar de bucles for anidados

Para interrumpir bucles for anidados, se puede usar una bandera o etiquetas (labels). Con una bandera, se establece en el bucle interno y se verifica en el externo.

for (let i = 0; i < 5; i++) {
  let romper = false;
  for (let j = 0; j < 5; j++) {
    console.log(`i: ${i}, j: ${j}`);
    if (i * j > 6) {
      romper = true;
      break;
    }
  }
  if (romper) break;
}

Con etiquetas, se puede saltar directamente fuera del bucle externo.

etiquetaExterna: for (let x = 0; x < 5; x++) {
  for (let y = 0; y < 5; y++) {
    console.log(`x: ${x}, y: ${y}`);
    if (x * y > 6) break etiquetaExterna;
  }
}