Bucle anidado

Un bucle anidado es simplemente un bucle dentro de otro bucle. El bucle interno completará todas sus iteraciones por cada iteración del bucle externo.

Una buena analogía para esto es un reloj: por cada hora (bucle externo), la manecilla de los minutos (bucle interno) debe completar su ciclo completo de 60 minutos.

Ejemplo de un bucle anidado:

let rows = 2;
let cols = 2;
for (let x = 0; x < rows; x++) {
	for (let y = 0; y < cols; y++) {
		console.log(x, y);
	}
}

// Esto mostrará:
// 0 0
// 0 1
// 1 0
// 1 1

El bucle externo (x) se ejecuta rows veces y, en cada una de esas veces, el bucle interno (y) se ejecuta cols veces. Cada bucle tiene su propio contador: y vuelve a empezar desde 0 cada vez que se ejecuta el bucle externo, mientras que rows y cols permanecen iguales y solo indican a los bucles cuándo detenerse.