Em programação é muito importante saber automatizar tarefas repetidas. Então, hoje vamos entender o que são loops em JavaScript!
Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!
Fala Impressionadores! Hoje eu quero te mostrar como funciona a estrutura de repetição no Javascript, ou seja, como são os loops em Javascript!
Vou te explicar o que são loops em Javascript, que nada mais são do que estruturas para repetir uma ação diversas vezes.
Isso é muito importante dentro da programação, pois evita com que você tenha que escrever uma mesma linha de código várias e várias vezes.
Economiza tempo de escrita do seu código e deixa ele muito mais fácil de entender, além do que são estruturas muito úteis no dia a dia, então você vai utilizá-las mais do que imagina.
Além de te mostrar o que são loops e como eles funcionam, eu vou te mostrar um exemplo prático de um laço de repetição em uma função para que você não tenha que repetir um procedimento várias vezes de forma manual.
Na aula você vai entender o quanto isso é importante, pois nem sempre você vai saber o número de vezes que vai repetir, isso às vezes é calculado durante a execução do seu código, então seria muito complicado fazer isso de forma manual sempre!
Gostou do tema? Então vamos para a aula!
Vamos usar o VS Code para exemplificar os códigos que vamos usar, se você ainda não possui o VS Code e quer baixar, clique no link!
Você já parou para pensar em como seria escrever as instruções em JavaScript repetidamente? Poderia ser muito cansativo, certo? É por este motivo que os loops de repetição são tão importantes.
O loop é uma forma de repetir um conjunto de instruções até que uma condição seja satisfeita. Isso significa que podemos automatizar tarefas escrevendo um único trecho de código que será repetido várias vezes, poupando seu tempo e esforço.
Vamos começar com um exemplo simples, imagine que precisamos escrever os números de 1 a 20 no console do navegador.
Se fosse para escrever cada número manualmente, seriam necessárias 20 linhas de código, mas com o loop isso se reduz a 3 linhas de código!
Vamos demostrar isso utilizando a estrutura de repetição For, veja como fica o código para escrever os números de 1 a 20:
Javascript – Loops em Javascript
for(let contador = 0; contador <= 20; contador++) {
console.log(contador);
}
Agora, vamos analisar cada parte desse código:
Primeiro, declaramos uma variável que vamos chamar de “contador” e a inicializamos com o valor 0, essa variável será nossa forma de controlar o loop.
Em seguida especificamos a condição para que o loop continue se repetindo.
Enquanto o valor do “contador” for menor ou igual a 20, o loop continuará sendo executado.
Por fim, incrementamos o valor do “contador” em 1 a cada iteração do loop utilizando o operador “++”.
Dessa forma, a cada repetição, o valor do “contador” vai sendo atualizado.
No corpo do loop vamos utilizar a função “console.log()” com essa função conseguimos escrever o valor do “contador” no console, assim, a cada repetição um novo número será exibido.
Ao executar esse código, você verá no console do navegador os números de 1 a 20 que serão impressos automaticamente sem a necessidade de escrever individualmente.
O loop “for” é apenas uma das várias estruturas de repetição disponíveis no JavaScript, cada uma delas possui suas particularidades e finalidades, mas o princípio básico é o mesmo -> automatizar tarefas repetitivas.
Além disso, é importante dizer que é possível utilizar loops dentro de funções, o que nos permite criar algoritmos mais complexos e otimizados.
Por exemplo, é possível criar uma função que calcula a soma dos termos de uma progressão aritmética utilizando um loop, observe a imagem abaixo:
Em resumo, utilizar loops no seu código JavaScript pode trazer grandes benefícios em termos de eficiência e produtividade.
Automatizar tarefas repetitivas é uma das principais habilidades de um programador e o loop é uma ferramenta indispensável para alcançar esse objetivo.
Portanto, da próxima vez que você se deparar com uma tarefa que precisa ser repetida várias vezes, lembre-se de utilizar o loop e simplifique o seu código.
Sua produtividade vai aumentar e você terá tempo para fazer outras atividades!
Eu fico por aqui! Um abraço,
Para acessar publicações de JavaScript, clique aqui!
Expert em conteúdos da Hashtag Treinamentos. Auxilia na criação de conteúdos de variados temas voltados para aqueles que acompanham nossos canais.