Nested for Loops JavaScript

Harshit Jindal 12 octobre 2023
Nested for Loops JavaScript

Ce didacticiel explique le concept de boucles imbriquées dans JavaScript. Une boucle est une structure de programmation utilisée pour parcourir une série de données ou effectuer la même action de manière répétitive jusqu’à ce qu’une condition spécifique soit remplie ou pendant un certain temps sans écrire explicitement le code encore et encore. Une boucle for imbriquée est une composition de boucles. Nous pouvons avoir une ou plusieurs boucles présentes à l’intérieur d’une boucle. La boucle imbriquée est appelée la boucle interne et la boucle contenant la boucle imbriquée est appelée la boucle externe.

L’exécution commence toujours par la boucle externe, puis se déplace vers le bas des boucles imbriquées. Les boucles internes sont exécutées complètement à chaque itération de la boucle externe. Nous pouvons définir globalement la syntaxe d’une boucle imbriquée comme suit:

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

La boucle peut être de n’importe quel type comme la boucle for, la boucle while ou la boucle do-while.

Considérons un tableau 2D arr[2][3] = [[1,2],[3,4],[5,6]] et nous voulons imprimer tous les éléments. Nous aurons besoin de deux boucles pour cela. Un pour itérer tous les sous-tableaux et itérer tous les éléments à l’intérieur de ces sous-tableaux.

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;
}

Production:

1
2
3
4
5
6

Nous visitons itérer sur tous les sous-tableaux présents à l’intérieur du tableau.

  • Première itération i=0:
    • Itération 1 de la boucle intérieure: j=0 Imprimer 1
    • Itération 2 de la boucle intérieure: j=1 Imprimer 2
  • Deuxième itération i=1:
    • Itération 1 de la boucle intérieure: j=0 Imprimer 3
    • Itération 2 de la boucle intérieure: j=1 Imprimer 4
  • Troisième itération i=2:
    • Itération 1 de la boucle intérieure: j=0 Imprimer 5
    • Itération 2 de la boucle intérieure: j=1 Imprimer 6
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Article connexe - JavaScript Loop