Javascript - For

[DanTheLion]

---

O que é For?

O comando For, assim como o comando While, é um comando que realiza repetições de um conjunto de códigos baseado nas informações que são passadas a ele. Com este, é mais organizado realizar essas repetições.

---

Como utilizar For?

A sintaxe do comando for é o seguinte:

for (variavel_inicializacao; expressao_logica; expressao_final) {
    // código que será repetido
}

Nesse código, é passado a palavra-chave for, seguido das seguintes expressões: variavel_inicializacao, expressao_logica e expressao_final. Vejamos o que cada um representa:

• variavel_inicializacao: A inicialização/declaração de uma variável. Com o while, é preciso declarar uma variável antes para utilizá-la como chave para parar as repetições. No for, a variável é declarada dentro de seu escopo, mais precisamente como um "parâmetro";
• expressao_logica: A expressão lógica que determina se a repetição de código deverá ser feita ou não. Se a expressão lógica for verdadeira, o código no escopo do for será executado. Do contrário, será encerrado sua execução e passará para o próximo código;
• expressao_final: Um código que é executado assim que o código dentro do escopo do for termina de ser executado. Geralmente, o código é um incremento da variável que foi inicializada no for.

Veja um exemplo que utiliza o comando for:

for (let i = 0; i < 5; i++) {
    console.log("Panetone!");
}

// Saída:
// "Panetone!"
// "Panetone!"
// "Panetone!"
// "Panetone!"
// "Panetone!"

No exemplo acima, foi exibido o texto "Panetone!" cinco vezes. Veja com detalhes como tudo isso ocorreu:

1. Inicialize uma variável chamada i e seu valor será 0;
2. A expressão lógica i < 5 que é 0 < 5 é verdadeira? Sim. Execute o código;
   1. Exibe o texto "Panetone!" na tela;
3. Fim da execução do código. Incremente em 1 na variável i.
4. A expressão lógica i < 5 que é 1 < 5 é verdadeira? Sim. Execute o código;
   1. Exibe o texto "Panetone!" na tela;
5. Fim da execução do código. Incremente em 1 na variável i.
6. A expressão lógica i < 5 que é 2 < 5 é verdadeira? Sim. Execute o código;
   1. Exibe o texto "Panetone!" na tela;
7. Fim da execução do código. Incremente em 1 na variável i.
8. A expressão lógica i < 5 que é 3 < 5 é verdadeira? Sim. Execute o código;
   1. Exibe o texto "Panetone!" na tela;
9. Fim da execução do código. Incremente em 1 na variável i.
10. A expressão lógica i < 5 que é 4 < 5 é verdadeira? Sim. Execute o código;
    1. Exibe o texto "Panetone!" na tela;
11. Fim da execução do código. Incremente em 1 na variável i.
12. A expressão lógica i < 5 que é 5 < 5 é verdadeira? Não. Encerre a execução do comando for e passe para o próximo código.

Toda a operação de inicialização, verificação da expressão lógica e execução do código é realizado graças ao for.

---

Expressões opcionais do comando For

Todas as expressões passadas em for são opcionais. Isso significa que você não deve acrescentar elas por regra, o comando for fará a execução sem elas. Veja alguns exemplos:

let vassoura = 0;

for (; vassoura < 100; vassoura++) {
    console.log("E lá vamos nós!");
}

// Saída (100 vezes): "E lá vamos nós!"

No exemplo acima, é opcional você inicializar uma variável dentro do for.

for (let i = 0; ; i++) {
    console.log("Sushi!");
    if (i >= 5) {
        console.log("Comi bastante!");
        break;
    }
}

// Saída:
// "Sushi!"
// "Sushi!"
// "Sushi!"
// "Sushi!"
// "Sushi!"
// "Comi bastante!"

---

Agora, nesse exemplo, é opcional você colocar uma expressão lógica, tornando o for uma rotina de execução de códigos com uma quantidade de repetições indefinidas. E a rotina só poderá ser interrompida e encerrada por um break.

Assim também a expressão final também é opcional, fazendo com que não haja uma execução de código depois de executar o código do escopo do for.

Lembre-se de que ao usar o for sem um ou mais dessas expressões, não esqueça de colocar os pontos e vírgulas ; para delimitar o tipo de expressão que será especificada.

---

O comando Continue

O comando continue é utilizado dentro da execução do código do for para pular essa execução, diferente do comando break que interrompe e encerra o comando for. Veja um exemplo:

let qtdePares = 0;
for (let numero = 1; numero <= 10; numero += 1) {
    if (numero % 2 !== 0) {
        continue;
    } else {
        qtdePares++;
    }
}

console.log("A quantidade de números pares entre 1 a 10 é: " + qtdePares);

// Saída: "A quantidade de números pares entre 1 a 10 é: 5"

Dentro do comando for, no exemplo, há um comando if que verifica se o número da vez é um número impar (numero % 2 !== 0). Caso seja, o comando continue é executado, interrompendo a execução de código atual, automaticamente chamando a expressão final especificada no comando for, e depois, verificação da expressão lógica para saber se será necessário executar o código novamente.

Mais informações:

• For

 

[DanTheLion]

Já sextou e ainda mais um tópico de Javascript reformulado, e dessa vez é sobre o comando For.

~ Até mais!