Un ciclo dentro un altro
Cicli annidati
Un ciclo dentro un altro è una lezione Javascript for Kids gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Javascript for Kids, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Javascript for Kids include 4 lezioni in totale.
Un ciclo dentro un altro ciclo?! 🤯
Che cosa succede se inserisce un ciclo DENTRO un altro ciclo? È come una ruota che gira dentro una ruota più grande! ⚙️⚙️
Si chiama ciclo annidato e permette di creare opere d'arte fantastiche!
Esterno e interno 🪆
Pensi alle bambole russe! 🪆 Il ciclo esterno è la bambola grande. Il ciclo interno è la bambola piccola al suo interno.
Per ogni giro del ciclo esterno, il ciclo interno esegue TUTTI i suoi giri!
Il primo ciclo annidato 🔁
Qui il ciclo esterno viene eseguito 2 volte. Ogni volta, il ciclo interno viene eseguito 3 volte! Osservi con attenzione.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log('i=' + i + ' j=' + j)
}
}Due contatori! ✌️
Vede? Ora abbiamo DUE contatori: i per il ciclo esterno e j per quello interno.
Il contatore interno j passa da 1 a 2 a 3 ogni volta che cambia il contatore esterno i!
for (let i = 1; i <= 2; i++) {
console.log('Outer ' + i + ' starts')
for (let j = 1; j <= 2; j++) {
console.log(' inner ' + j)
}
}Quante esecuzioni in tutto? 🔢
Se il ciclo esterno viene eseguito 3 volte e quello interno 4 volte, si ottiene 3 × 4 = 12 esecuzioni in tutto!
Contiamole.
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)Giorni e pasti 🍽️
Ecco un esempio reale! Ogni GIORNO consumiamo 3 PASTI. Il ciclo esterno rappresenta i giorni, quello interno i pasti.
for (let day = 1; day <= 2; day++) {
console.log('Day ' + day)
for (let meal = 1; meal <= 3; meal++) {
console.log(' meal ' + meal)
}
}Stelle in righe ⭐
Il ciclo esterno crea le RIGHE. Quello interno stampa le stelle in ciascuna riga. Un'anteprima dell'arte che creeremo!
for (let row = 1; row <= 3; row++) {
for (let s = 1; s <= 2; s++) {
console.log('star')
}
console.log('--- end of row ---')
}L'ordine è importante 📋
Il ciclo interno completa SEMPRE tutti i suoi giri prima che il ciclo esterno passi oltre. È come leggere ogni parola di una riga prima di passare alla riga successiva! 📖
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 2; j++) {
console.log(i + ',' + j)
}
}Moltiplicare i numeri ✖️
I cicli annidati sono perfetti per la matematica! Moltiplichiamo i e j.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log(i + ' x ' + j + ' = ' + (i * j))
}
}Scegliere gli abiti 👕👖
2 magliette e 2 paia di pantaloni permettono di creare 4 completi! I cicli annidati mostrano tutte le combinazioni.
for (let shirt = 1; shirt <= 2; shirt++) {
for (let pants = 1; pants <= 2; pants++) {
console.log('Shirt ' + shirt + ' with pants ' + pants)
}
}Ora tocca a Lei annidare 🌟
Modifichi il ciclo interno in modo che venga eseguito 4 volte ed esegua il programma! Osservi come cresce l'output. 🪆
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 4; j++) {
console.log('i=' + i + ' j=' + j)
}
}Controllo rapido ✅
Controlliamo se il Suo cervello conosce i cicli annidati! 🧠
Riepilogo dei cicli annidati 🎉
Incredibile! 🤯 Ha imparato a usare i cicli annidati.
- Un ciclo DENTRO un altro ciclo, come le bambole russe 🪆
- Contatore esterno
i, contatore internoj - Il ciclo interno termina completamente prima che quello esterno prosegua
Prossimo argomento: creare righe e colonne come in una griglia! 🟦
Domande Frequenti
La lezione «Un ciclo dentro un altro» è gratuita?
Sì — il testo completo di «Un ciclo dentro un altro» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Javascript for Kids, passa a CoddyKit PRO. Il corso Javascript for Kids include 4 lezioni in totale.
Cosa imparerò in «Un ciclo dentro un altro»?
Cicli annidati Eserciti Javascript for Kids con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Javascript for Kids?
Non è richiesta alcuna esperienza precedente. Javascript for Kids su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Un ciclo dentro un altro»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Javascript for Kids?
Sì. Ogni lezione Javascript for Kids include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Un ciclo dentro un altro
- Righe e colonne
- Triangoli di stelle
- Una tabellina