Loop For – Estruturas De Repetição Em Javascript

Celso Kitamura

3 anos atrás

Rate this post

Existem situações em que precisamos executar algumas linhas de código várias vezes para que nosso software funcione.

Nesse artigo vamos começar a ver as estruturas de repetição.

E hoje veremos a primeira delas, o loop for, uma das estruturas de repetição em Javascript.

Laços oferecem um jeito fácil e rápido de executar uma ação repetidas vezes.

Podemos fazer isso através de estruturas de repetição.

As estruturas de repetição evitam que o programador escreva o mesmo código várias vezes, quando o fluxo de execução tem natureza repetitiva.

Um loop for consiste em três variáveis: inicialização, condição e passo.

Na inicialização configuramos o valor inicial da repetição.

A condição é uma expressão booleana (que retorna verdadeiro ou falso) que decide se a repetição continua.

E no passo definimos o intervalo da repetição.

Sintaxe

for (variável de inicialização; condição; passo)
{
    //execute este bloco de código até que a condição seja satisfeita
}

for (var i = 0; i < 10; i++)
{
    console.log("Valor de i: " +  i);
}

Neste exemplo serão impressos na tela os números de 0 a 9.

Vamos entender como ele funciona?

Acompanhe no código:

var i = 0

i < 10

console.log(“Valor de i: ” + i);

Este comando imprime na tela “Valor de i: 0”

A variável i é incrementada com ++ (neste momento é somado 1 ao valor de i, ou seja: 0 + 1 = 1)
E a condição é checada novamente

I < 10

Neste momento i vale 1, então o bloco de código interno é executado novamente e teremos na tela:

Valor de i: 1

A variável i é incrementada novamente com o ++ (agora i vale 2, pois 1 + 1 = 2)
Isso se repete até que i atinja o valor 10.
Neste momento, a condição i < 10 será falsa (porque 10 não é menor que 10) e a execução do bloco interno da estrutura loop for é cancelada.

Podemos definir a inicialização, condição e passo de maneiras diferentes para que o programa se comporte do jeito que quisermos.

Para imprimirmos somente os números pares no exemplo anterior, podemos fazer assim:

for (var i = 0; i < 10; i = i + 2)
{
    console.log("Valor de i: " + i);
}

Este código imprime na tela os números 0, 2, 4, 6, 8

Agora é sua vez de treinar o loop for, treinar a estrutura de repetição em Javascript.

Faça um programa que imprima os números de 0 a 10 em ordem decrescente. Use como base o primeiro exemplo.

Estruturas de repetição em Javascript são códigos repetem a execução de uma porção de código até que uma determinada condição seja alcançada.

Assim como nas estruturas de decisão, existe mais de uma maneira de construirmos estas estruturas. Veremos mais em outros vídeos desta série.

Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!

Bora aprender a programar!