0Pricing
JavaScript Academy · Aula

Laços: for, while, do…while, for…of vs for…in

Noções básicas de laços: for, while, do…while e quando usar for…of vs for…in para matrizes e objetos.

Laços: for, while, do…while, for…of vs for…in é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 2 de 3. 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 Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 3 aulas no total.

Introdução

Objetivo: Escolha o laço correto. Aprenda for, while, do…while e quando usar for…of em vez de for…in.

  • Laços contados
  • Laços condicionais
  • Iteração sobre valores e chaves
Laços: for, while, do…while, for…of vs for…in — ilustração 1

Noções básicas do laço for

for é ideal quando você precisa do índice e de uma condição de parada.

// Classic for: great for indexes
const nums = [2, 4, 6];

for (let i = 0; i < nums.length; i++) {
  console.log("Index:", i, "Value:", nums[i]);
}
Laços: for, while, do…while, for…of vs for…in — ilustração 2

Noções básicas do laço while

while verifica a condição primeiro; certifique-se de que a variável do laço seja alterada.

// while: run while a condition stays true
let count = 3;

while (count > 0) {
  console.log("Countdown:", count);
  count = count - 1;
}

console.log("Go!");
Laços: for, while, do…while, for…of vs for…in — ilustração 3

Noções básicas do laço do…while

do…while executa o corpo primeiro e depois verifica a condição; é útil quando você precisa garantir uma execução.

// do…while: runs the body at least once
let tries = 0;

do {
  console.log("Attempt:", tries + 1);
  tries = tries + 1;
} while (tries < 2);
Laços: for, while, do…while, for…of vs for…in — ilustração 4

for…of e for…in

for…of fornece valores; for…in fornece chaves e pode incluir chaves herdadas.

// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)

const colors = ["red", "green", "blue"];

for (const value of colors) {
  console.log("of value:", value);
}

for (const key in colors) {
  console.log("in key:", key);
}
Laços: for, while, do…while, for…of vs for…in — ilustração 5

Dicas sobre laços

Dicas:

  • Prefira for…of para arrays, a fim de obter os valores diretamente.
  • Use for…in para chaves de objetos, não para arrays.
  • Evite laços infinitos: sempre atualize a variável do laço.
Laços: for, while, do…while, for…of vs for…in — ilustração 6

Quiz sobre for…of e for…in

Verificação rápida: valores de arrays diretamente.

Laços: for, while, do…while, for…of vs for…in — ilustração 7

Recapitulação

Recapitulação: Use for para índices, while para laços orientados por condições, do…while para executar uma vez e depois verificar, e for…of para valores de arrays.

Laços: for, while, do…while, for…of vs for…in — ilustração 8

Perguntas Frequentes

A aula “Laços: for, while, do…while, for…of vs for…in” é grátis?

Sim — o texto completo de “Laços: for, while, do…while, for…of vs for…in” é 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 Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 3 aulas no total.

O que vou aprender em “Laços: for, while, do…while, for…of vs for…in”?

Noções básicas de laços: for, while, do…while e quando usar for…of vs for…in para matrizes e objetos. Você pratica JavaScript Academy 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 Academy?

Nenhuma experiência prévia é necessária. JavaScript Academy 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 2 de 3.

Quanto tempo leva a aula “Laços: for, while, do…while, for…of vs for…in”?

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 Academy?

Sim. Cada aula de JavaScript Academy 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

  1. if/else e switch — padrões fundamentais
  2. Laços: for, while, do…while, for…of vs for…in
  3. Retornos antecipados e cláusulas de proteção
← Voltar para JavaScript Academy