Introdução ao loop for em JavaScript

Sintaxe do loop for em JavaScript

O loop for em JavaScript possui uma sintaxe simples e estruturada que permite aos desenvolvedores controlar efetivamente a quantidade de iterações e as condições em que o loop será executado.

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

Utilizando o loop for em JavaScript

O loop for é uma estrutura poderosa que permite aos desenvolvedores executar um bloco de código várias vezes e controlar a iteração.

Vamos dar uma olhada em alguns exemplos práticos de uso do loop for em JavaScript:

Exemplo: Percorrendo um array

const nomes = ["João", "Maria", "Pedro", "Ana"];
  for (let i = 0; i < nomes.length; i++) {
    console.log(nomes[i]);
  }

Exemplo: Calculando a soma dos números de 1 a 10

let soma = 0;
  for (let i = 1; i <= 10; i++) {
    soma += i;
  }
  console.log(soma); // resultado: 55

Exemplo: Encontrando valores pares em um array

const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  const numerosPares = [];
  
  for (let i = 0; i < numeros.length; i++) {
    if (numeros[i] % 2 === 0) {
      numerosPares.push(numeros[i]);
    }
  }
  
  console.log(numerosPares); // resultado: [2, 4, 6, 8, 10]

Exemplos de uso do loop for em JavaScript com blocos de código

O loop for em JavaScript é muito flexível e pode ser usado em várias situações para executar blocos de código repetidamente.

Exemplo: Validação de formulários

const campos = ["nome", "email", "senha"];
  let formularioValido = true;
  
  for (let i = 0; i < campos.length; i++) {
    const valor = document.getElementById(campos[i]).value;
    
    if (!valor) {
      console.log(`O campo ${campos[i]} está vazio.`);
      formularioValido = false;
    }
  }
  
  if (formularioValido) {
    console.log("Formulário válido. Enviando dados...");
  } else {
    console.log("Formulário inválido. Por favor, preencha todos os campos.");
  }

Exemplo: Criação dinâmica de elementos HTML

const listaItens = ["item 1", "item 2", "item 3"];
  const lista = document.getElementById("lista");
  
  for (let i = 0; i < listaItens.length; i++) {
    const item = document.createElement("li");
    item.innerText = listaItens[i];
    lista.appendChild(item);
  }

Conclusão

O loop for em JavaScript é uma estrutura poderosa que permite aos desenvolvedores executar um bloco de código repetidamente com base em uma condição específica.

Neste artigo, discutimos a introdução ao loop for em JavaScript, sua sintaxe e como utilizá-lo em diferentes cenários.

Esperamos que essas informações possam ajudá-lo a aprimorar suas habilidades de programação JavaScript e aproveitar ao máximo essa poderosa estrutura.

A Awari é a melhor plataforma para aprender sobre inovação e gestão no Brasil.

Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.

Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.