JavaScript anidado para bucles

Este tutorial explica el concepto de bucles anidados en JavaScript. Un bucle es una estructura de programación que se utiliza para iterar a través de una serie de datos o realizar la misma acción repetidamente hasta que se cumple una condición específica o durante un cierto período de tiempo sin escribir explícitamente el código una y otra vez. Un bucle for anidado es una composición de bucles. Podemos tener uno o más bucles presentes dentro de un bucle. El bucle anidado se llama bucle interno y el bucle que contiene el bucle anidado se llama bucle externo.

La ejecución siempre comienza con el bucle exterior y luego desciende por los bucles anidados. Los bucles internos se ejecutan completamente en cada iteración del bucle externo. Podemos definir ampliamente la sintaxis de un bucle anidado como:

Outerloop {
  Innerloop {
    // statements to execute inside inner loop
  }
  // statements to execute inside outer loop
}

El bucle puede ser de cualquier tipo, como bucle for, bucle while o bucle do-while.

Consideremos un array 2D arr[2][3] = [[1,2],[3,4],[5,6]] y queremos imprimir todos los elementos. Necesitaremos dos bucles para esto. Uno para iterar todos los subarrays e iterar todos los elementos dentro de esos subarrays.

function print(arr) {
  for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].length; j++) {
      console.log(arr[i][j]);
    }
  }
  return;
}

Producción :

1
2
3
4
5
6

Visitamos iterar sobre todos los subarrays presentes dentro del array.