Loops Aninhados

Um loop aninhado é simplesmente um loop dentro de outro loop. O loop interno completará todas as suas iterações para cada iteração do loop externo.

Uma boa analogia para isso é um relógio: para cada hora (loop externo), o ponteiro dos minutos (loop interno) precisa completar seu ciclo completo de 60 minutos.

Exemplo de um loop aninhado:

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

// Isso produzirá a seguinte saída:
// 0 0
// 0 1
// 1 0
// 1 1

O loop externo (x) é executado rows vezes e, em cada uma delas, o loop interno (y) é executado cols vezes. Cada loop tem seu próprio contador: y começa novamente em 0 toda vez que o loop externo é executado, enquanto rows e cols permanecem iguais e apenas indicam aos loops quando parar.