Javascript for Kids · Aula

Um Laço Dentro de Outro

Laços dentro de laços

Um Laço Dentro de Outro é uma aula grátis de Javascript for Kids no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Javascript for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Javascript for Kids inclui 4 aulas no total.

Um loop dentro de outro?! 🤯

E se você colocasse um loop INSIDE de outro loop? É como uma roda girando dentro de uma roda maior! ⚙️⚙️

Isso se chama loop aninhado e permite criar artes incríveis!

Externo e interno 🪆

Pense em bonecas russas! 🪆 O loop externo é a boneca grande. O loop interno é a boneca pequena dentro dela.

A cada ONE volta do loop externo, o loop interno executa ALL as suas voltas!

O primeiro loop aninhado 🔁

Aqui, o loop externo executa 2 vezes. A cada vez, o loop interno executa 3 vezes! Observe com atenção.

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log('i=' + i + ' j=' + j)
  }
}

Dois contadores! ✌️

Veja: agora temos TWO contadores: i para o loop externo e j para o interno.

O j interno passa por 1, 2, 3 sempre que o i externo muda!

for (let i = 1; i <= 2; i++) {
  console.log('Outer ' + i + ' starts')
  for (let j = 1; j <= 2; j++) {
    console.log('  inner ' + j)
  }
}

Quantas vezes ao todo? 🔢

Se o externo executa 3 vezes e o interno executa 4 vezes, são 3 × 4 = 12 execuções ao todo!

Vamos contá-las.

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)

Dias e refeições 🍽️

Exemplo real! Para cada DAY, fazemos 3 MEALS. O loop externo representa os dias, e o interno, as refeições.

for (let day = 1; day <= 2; day++) {
  console.log('Day ' + day)
  for (let meal = 1; meal <= 3; meal++) {
    console.log('  meal ' + meal)
  }
}

Estrelas em linhas ⭐

O loop externo cria ROWS. O loop interno mostra estrelas nessa linha. Uma prévia de arte!

for (let row = 1; row <= 3; row++) {
  for (let s = 1; s <= 2; s++) {
    console.log('star')
  }
  console.log('--- end of row ---')
}

A ordem importa 📋

O loop interno ALWAYS termina todas as suas voltas antes de o loop externo continuar. É como ler todas as palavras de uma line antes de passar para a próxima line! 📖

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 2; j++) {
    console.log(i + ',' + j)
  }
}

Multiplicando números ✖️

Loops aninhados são ótimos para matemática! Vamos multiplicar i e j.

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log(i + ' x ' + j + ' = ' + (i * j))
  }
}

Escolha roupas 👕👖

2 camisas e 2 calças formam 4 combinações! Loops aninhados mostram todas as combinações.

for (let shirt = 1; shirt <= 2; shirt++) {
  for (let pants = 1; pants <= 2; pants++) {
    console.log('Shirt ' + shirt + ' with pants ' + pants)
  }
}

Sua vez de aninhar 🌟

Mude o loop interno para executar 4 vezes e execute-o! Veja como o output cresce. 🪆

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 4; j++) {
    console.log('i=' + i + ' j=' + j)
  }
}

Verificação rápida ✅

Teste mental de loops aninhados! 🧠

Recapitulação dos loops aninhados 🎉

Incrível! 🤯 Você aprendeu loops aninhados.

Um loop INSIDE de outro loop, como bonecas russas 🪆
Contador externo i, contador interno j
O interno termina completamente antes de o externo continuar

Próximo: criar linhas e colunas como uma grade! 🟦

Perguntas Frequentes

A aula “Um Laço Dentro de Outro” é grátis?

Sim — o texto completo de “Um Laço Dentro de Outro” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Javascript for Kids, atualize para CoddyKit PRO. O curso de Javascript for Kids inclui 4 aulas no total.

O que vou aprender em “Um Laço Dentro de Outro”?

Laços dentro de laços Você pratica Javascript for Kids com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Javascript for Kids?

Nenhuma experiência prévia é necessária. Javascript for Kids no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.

Quanto tempo leva a aula “Um Laço Dentro de Outro”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Javascript for Kids?

Sim. Cada aula de Javascript for Kids inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Javascript for Kids