Une boucle dans une boucle
Des boucles imbriquées
Une boucle dans une boucle est une leçon Javascript for Kids gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Javascript for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Javascript for Kids comprend 4 leçons au total.
Une boucle dans une boucle ?! 🤯
Que se passe-t-il si vous placez une boucle INSIDE une autre boucle ? C’est comme une roue qui tourne à l’intérieur d’une roue plus grande ! ⚙️⚙️
On appelle cela une boucle imbriquée, et cela permet de créer des œuvres d’art étonnantes !
Extérieure et intérieure 🪆
Pensez aux poupées russes ! 🪆 La boucle outer est la grande poupée. La boucle inner est la petite poupée à l’intérieur.
Pour chaque tour de la boucle outer, la boucle inner effectue ALL ses tours !
La première boucle imbriquée 🔁
Ici, la boucle extérieure s’exécute 2 fois. À chaque fois, la boucle intérieure s’exécute 3 fois ! Observez attentivement.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log('i=' + i + ' j=' + j)
}
}Deux compteurs ! ✌️
Vous voyez ? Nous avons maintenant TWO compteurs : i pour la boucle extérieure et j pour la boucle intérieure.
Le j intérieur prend les valeurs 1, 2, 3 chaque fois que le i extérieur change !
for (let i = 1; i <= 2; i++) {
console.log('Outer ' + i + ' starts')
for (let j = 1; j <= 2; j++) {
console.log(' inner ' + j)
}
}Combien de tours au total ? 🔢
Si la boucle extérieure s’exécute 3 fois et la boucle intérieure 4 fois, cela fait 3 × 4 = 12 tours au total !
Comptons-les.
let count = 0
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 4; j++) {
count = count + 1
}
}
console.log('Total runs: ' + count)Jours et repas 🍽️
Un exemple concret ! Pour chaque DAY, nous prenons 3 MEALS. La boucle extérieure représente les jours et la boucle intérieure, les repas.
for (let day = 1; day <= 2; day++) {
console.log('Day ' + day)
for (let meal = 1; meal <= 3; meal++) {
console.log(' meal ' + meal)
}
}Étoiles en lignes ⭐
La boucle extérieure crée les ROWS. La boucle intérieure affiche les étoiles de cette ligne. Voici un aperçu de la création artistique !
for (let row = 1; row <= 3; row++) {
for (let s = 1; s <= 2; s++) {
console.log('star')
}
console.log('--- end of row ---')
}L’ordre est important 📋
La boucle intérieure termine ALWAYS tous ses tours avant que la boucle extérieure ne continue. C’est comme lire chaque mot d’une ligne avant de passer à la ligne suivante ! 📖
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 2; j++) {
console.log(i + ',' + j)
}
}Multiplier des nombres ✖️
Les boucles imbriquées sont très pratiques pour les mathématiques ! Multiplions i et j.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log(i + ' x ' + j + ' = ' + (i * j))
}
}Choisir des tenues 👕👖
2 shirts et 2 pants donnent 4 tenues ! Les boucles imbriquées affichent chaque combinaison.
for (let shirt = 1; shirt <= 2; shirt++) {
for (let pants = 1; pants <= 2; pants++) {
console.log('Shirt ' + shirt + ' with pants ' + pants)
}
}À vous d’imbriquer 🌟
Modifiez la boucle intérieure pour qu’elle s’exécute 4 fois, puis exécutez-la ! Observez comment l’output s’agrandit. 🪆
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 4; j++) {
console.log('i=' + i + ' j=' + j)
}
}Vérification rapide ✅
Vérifiez vos connaissances sur les boucles imbriquées ! 🧠
Récapitulatif des boucles imbriquées 🎉
Incroyable ! 🤯 Vous avez appris les boucles imbriquées.
- Une boucle INSIDE une autre, comme des poupées russes 🪆
- Le compteur extérieur
iet le compteur intérieurj - La boucle intérieure se termine entièrement avant que la boucle extérieure ne continue
Ensuite : créer des lignes et des colonnes comme dans une grille ! 🟦
Questions Fréquemment Posées
La leçon « Une boucle dans une boucle » est-elle gratuite ?
Oui — le texte complet de « Une boucle dans une boucle » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Javascript for Kids, passe à CoddyKit PRO. Le cours Javascript for Kids comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Une boucle dans une boucle » ?
Des boucles imbriquées Tu pratiques Javascript for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Javascript for Kids ?
Aucune expérience préalable n'est requise. Javascript for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Une boucle dans une boucle » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Javascript for Kids ?
Oui. Chaque leçon Javascript for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Une boucle dans une boucle
- Lignes et colonnes
- Triangles d’étoiles
- Une table de multiplication