Javascript: Laço de Repetição For
Introdução ao laço de repetição for em JavaScript.
Publicado em 3 de agosto de 2023
Glossário
Introdução ao laço de repetição for em JavaScript
Sintaxe do laço de repetição for em JavaScript
O JavaScript é uma linguagem de programação muito utilizada no contexto de desenvolvimento web. Uma das estruturas de controle mais comuns em JavaScript é o laço de repetição for. Esse tipo de laço é especialmente útil quando precisamos executar um bloco de código várias vezes, com base em uma condição específica.
A sintaxe básica do laço de repetição for em JavaScript é a seguinte:
for (inicialização; condição; incremento) {
// bloco de código a ser executado
}Na inicialização, definimos o valor inicial de um contador ou variável de controle. A condição é uma expressão que é avaliada antes de cada iteração do laço. Se a condição for verdadeira, o bloco de código dentro do laço será executado. O incremento é usado para atualizar o valor do contador ou variável de controle a cada iteração.
O laço de repetição for é particularmente útil quando sabemos a quantidade exata de vezes que queremos repetir uma ação. Por exemplo, se queremos exibir os números de 1 a 10 no console, podemos usar o laço de repetição for da seguinte maneira:
for (let i = 1; i <= 10; i++) {
console.log(i);
}Isso resultará na exibição dos números de 1 a 10 no console.
Sintaxe do laço de repetição for em JavaScript
A sintaxe do laço de repetição for em JavaScript segue um padrão específico, com três cláusulas separadas por ponto e vírgula. Vejamos cada uma delas em detalhes:
-
Inicialização
Essa cláusula é executada apenas uma vez, antes do início do laço. Nela, geralmente definimos uma variável de controle e seu valor inicial. Por exemplo,
let i = 0;. -
Condição
Nessa cláusula, especificamos a condição que será avaliada antes de cada iteração do laço. O bloco de código dentro do laço será executado apenas se a condição for verdadeira. Por exemplo,
i < 10;. -
Incremento
Nessa cláusula, especificamos a atualização da variável de controle após cada iteração do laço. Geralmente, incrementamos o valor da variável em 1, usando o operador de incremento
++. Por exemplo,i++;.
Essa estrutura de sintaxe do laço de repetição for em JavaScript permite um controle preciso sobre a execução das repetições, além de ser bastante flexível em termos de condições e incremento.
Utilizando o laço de repetição for em JavaScript para iterar em arrays
Uma das aplicações mais comuns do laço de repetição for em JavaScript é a iteração sobre os elementos de um array. Podemos usar o laço de repetição for para percorrer cada elemento do array e executar alguma ação com base nesses elementos.
Veja um exemplo de como podemos percorrer um array de frutas e exibir cada uma no console:
const frutas = ["maçã", "banana", "laranja", "morango"];
for (let i = 0; i < frutas.length; i++) {
console.log(frutas[i]);
}Isso resultará na exibição de cada elemento do array no console, um por linha.
Podemos aproveitar o laço de repetição for para realizar diferentes tarefas com os elementos de um array. Podemos, por exemplo, calcular a soma dos elementos de um array de números, encontrar o valor máximo ou mínimo, ou aplicar algum tipo de transformação em cada elemento.
Exemplos práticos de uso do laço de repetição for em JavaScript
O laço de repetição for em JavaScript é uma ferramenta extremamente versátil e pode ser aplicado em uma variedade de situações. Aqui estão alguns exemplos práticos de como podemos usar esse laço para resolver problemas do mundo real:
-
Cálculo da média de um conjunto de valores:
const notas = [7, 8, 9, 5, 6]; let soma = 0; for (let i = 0; i < notas.length; i++) { soma += notas[i]; } const media = soma / notas.length; console.log(media); -
Verificação da existência de um elemento em um array:
const frutas = ["maçã", "banana", "laranja", "morango"]; const busca = "banana"; let encontrado = false; for (let i = 0; i < frutas.length; i++) { if (frutas[i] === busca) { encontrado = true; break; } } console.log(encontrado); -
Geração de uma string a partir de um array:
const palavras = ["A", "B", "C", "D"]; let resultado = ""; for (let i = 0; i < palavras.length; i++) { resultado += palavras[i]; } console.log(resultado);
Esses exemplos ilustram apenas algumas das possibilidades de uso do laço de repetição for em JavaScript. Com essa estrutura, podemos criar algoritmos poderosos e eficientes para realizar tarefas repetitivas em nossos programas. O laço de repetição for é uma ferramenta fundamental para qualquer desenvolvedor JavaScript que deseja otimizar seu código e melhorar a eficiência de suas aplicações.
A Awari é a melhor plataforma para aprender sobre programaçã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
Curso Técnico Desenvolvedor de Sistemas: Aprenda a criar soluções tecnológicas
Um curso técnico desenvolvedor de sistemas é uma formação...
Curso Desenvolvedor Web em Curitiba: Aprenda a Programar e Construa sua Carreira
Curso Desenvolvedor Web Curitiba: Aprenda a programar, construa uma...
Curso Técnico de Desenvolvedor de Software: Aprenda as habilidades necessárias para se tornar um profissional de sucesso na área de desenvolvimento de software.
Resumo: Descubra os benefícios de fazer um curso técnico...
