Como funciona o for

Os loopings, ou laços de repetição sempre assustam 👻 um pouco no início. Mas quando aprende, a programação ganha vida❤️!

Praticamente tudo que vemos que se move em um jogo🕹️, programa tem um looping por trás.

Espero te ajudar a entender como funciona o for aqui! 🚀

O que é um laço de repetição?

Imagine que você precisa executar a mesma tarefa várias vezes.

Por exemplo:

Para cada prato -> lave o prato.

Se temos três pratos, poderíamos escrever:

lavar(prato1);
lavar(prato2);
lavar(prato3);

Mas o problema fica bem diferente quando temos 100 pratos!

Em programação, usamos um laço de repetição quando precisamos executar uma mesma lógica várias vezes.

O for é uma das formas de criar esse tipo de repetição.

Em vez de dizer manualmente quais ações devem acontecer, podemos dizer ao programa:

Comece aqui, repita enquanto uma condição for verdadeira e avance a cada repetição.

Laço de repetição significa justamente criar um ciclo para executar uma ação várias vezes.

A estrutura do for

A forma tradicional do for é:

PARA (inicialização; condição; atualização) {
  // execute alguma coisa
}

Ele possui três partes:

• inicialização: define onde a repetição começa;
• condição: determina se devemos continuar;
• atualização: faz o contador avançar.

No JavaScript, por exemplo:

for (let i = 0; i <= 2; i++) {
  console.log(i);
}

Esse código imprime:

0
1
2

O funcionamento pode ser representado assim:

O ciclo é:

1. começa com i = 0;
2. verifica a condição;
3. executa o código se ela for verdadeira;
4. atualiza i;
5. verifica a condição novamente;
6. termina quando ela for falsa.

Condição é o que controla a repetição.

Entendendo o contador

No exemplo:

for (let i = 0; i <= 2; i++) {
  console.log(i);
}

Começamos com:

i = 0

Depois verificamos:

i <= 2

Se for verdadeiro, o código é executado.

Depois:

i++

O valor aumenta em 1:

0 → 1 → 2 → 3

Quando i chega a 3, a condição i <= 2 é falsa.

A repetição termina.

Atualização é o que faz o laço avançar.

Percorrendo uma lista

Um dos usos mais comuns do for é percorrer uma lista.

Como no exemplo do vídeo dos três pratos:

const pratos = ["🍽️", "🍽️", "🍽️"];

Podemos lavar cada um deles:

for (let i = 0; i < pratos.length; i++) {
  lavar(pratos[i]);
}

O for passa por cada posição da lista:

pratos[0]
pratos[1]
pratos[2]

Podemos visualizar essa ideia assim:

O importante aqui é perceber que o programa não precisa saber antecipadamente quantas vezes vamos escrever lavar().

Ele simplesmente segue a regra:

Enquanto existirem itens, pegue o próximo e execute a ação.

O laço controla a repetição.

Por que começamos em 0?

Arrays em JavaScript começam na posição 0.

Vamos nos aprofundar em Arrays em um artigo futuro.📆

Por exemplo:

const frutas = ["🍎", "🍌", "🍊"];

As posições são:

0 → 🍎
1 → 🍌
2 → 🍊

Por isso, normalmente começamos o contador em:

let i = 0;

E usamos:

i < frutas.length

para continuar enquanto ainda existirem posições para percorrer.

Índice é o número que identifica a posição de um item na lista. Por isso que geralmente se usa o i, mas pode ser qualquer outro nome de variável. ✍️

for + if

Podemos combinar repetição com decisão.

Imagine que queremos mostrar apenas os números maiores que 10:

const numeros = [5, 12, 8, 20, 3, 15];

for (let i = 0; i < numeros.length; i++) {
  if (numeros[i] > 10) {
    console.log(numeros[i]);
  }
}

Aqui temos duas ideias trabalhando juntas:

• o for cuida da repetição;
• o if cuida da decisão.

O programa percorre todos os números, mas só mostra aqueles que atendem à condição.

Exemplos do mundo real

Processar produtos

Uma loja pode percorrer todos os produtos para exibi-los:

const produtos = ["Tênis", "Camiseta", "Boné", "Mochila"];

for (let i = 0; i < produtos.length; i++) {
  console.log(produtos[i]);
}

Verificar estoque

Podemos verificar quais produtos estão esgotados:

const estoques = [10, 0, 5, 0];

for (let i = 0; i < estoques.length; i++) {
  if (estoques[i] === 0) {
    console.log(`Produto no índice ${i} está esgotado!`);
  }
}

A lógica é:

Para cada produto, verifique o estoque.

Esse mesmo padrão pode ser usado para processar pedidos, validar dados, calcular valores ou analisar resultados.

Calcular uma soma

Também podemos usar um laço para acumular valores:

const valores = [10, 20, 30, 40];
let total = 0;

for (let i = 0; i < valores.length; i++) {
  total = total + valores[i];
}

console.log(total);

O resultado será:

100

A cada repetição, um novo valor é adicionado ao total.

Resumindo

O for é um laço de repetição.

Ele permite executar uma mesma lógica várias vezes enquanto uma condição for verdadeira.

Sua estrutura básica é:

for (inicialização; condição; atualização) {
  // código repetido
}

Pense nele como:

COMEÇO
  ↓
inicializa
  ↓
verifica a condição
  ↓
executa
  ↓
atualiza
  ↓
volta para a condição
  ↓
FIM

O uso mais comum é percorrer listas:

const frutas = ["🍎", "🍌", "🍊"];

for (let i = 0; i < frutas.length; i++) {
  console.log(frutas[i]);
}

E podemos combinar for com if para criar regras:

const numeros = [5, 12, 8, 20, 3, 15];

for (let i = 0; i < numeros.length; i++) {
  if (numeros[i] > 10) {
    console.log(numeros[i]);
  }
}

Bons estudos! 🚀

Até a próxima!

João.