JavaScript For: Looping por um Bloco de Código com for em JavaScript
JavaScript fornece uma instrução importante chamada "loop for" que permite aos desenvolvedores repetir um bloco de código várias vezes com base em uma condição específica.
Publicado em 1 de agosto de 2023
Glossário
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: 55Exemplo: 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.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Guia Para Iniciantes em Comunicação Assertiva
No guia iniciantes comunicação assertiva, exploramos o conceito, importância...
Personal Branding: O Que É e Qual Sua Importância?
A Importância do Personal Branding no Mundo Digital: Descubra...
O Guia Definitivo para Técnicas de Negociação
O Guia Definitivo para Técnicas de Negociação é uma...
