Javascript - While

[DanTheLion]

---

O que é While?

O comando While executa comandos toda vez que uma expressão lógica especificada é verdadeira. Esse comando é ótimo para realizar repetição de um conjunto de códigos.

---

Como utilizar While?

A sintaxe do comando é o seguinte:

while(expressao) {
    // codigo a ser executado
}

É utilizado a palavra-chave while, depois a expressão lógica entre parênteses e, por fim, o código a ser executado em um escopo delimitado entre chaves {}.

Veja um exemplo:

let qtdeMostradas = 0;

while (qtdeMostradas < 5) {
    console.log("Pastel!");
    qtdeMostradas = qtdeMostradas + 1;
}

// Saída:
// "Pastel!"
// "Pastel!"
// "Pastel!"
// "Pastel!"
// "Pastel!"

O código do exemplo exibiu o texto "Pastel!" cinco vezes. Como isso aconteceu?

O comando while realiza uma verificação na expressão lógica que lhe foi passada, o qtdeMostradas < 5. Toda vez que essa expressão é verdadeira, o código no escopo do while é executado. Quando o código dentro do escopo é finalizado, a verificação da expressão lógica é realizada novamente. Caso a expressão continua ser verdadeira, o código do escopo é executado novamente e assim por diante.

No momento que essa verificação conclui que não vai executar mais o código dela é quando a expressão lógica é determinada como falsa. Isso ocorre quando a expressão qtdeMostradas < 5 não é mais verdadeira.

Durante a execução do while, acontece as seguintes execuções:

1. A expressão qtdeMostradas < 5 que é 0 < 5 é verdadeira? Sim, então execute o código.
   1. Exibir no console o texto "Pastel!";
   2. Atribua à variável qtdeMostradas o valor de qtdeMostradas somada por 1;
   3. Fim da execução do código.
2. A expressão qtdeMostradas < 5 que é 1 < 5 é verdadeira? Sim, então execute o código.
   1. Exibir no console o texto "Pastel!";
   2. Atribua à variável qtdeMostradas o valor de qtdeMostradas somada por 1;
   3. Fim da execução do código.
3. A expressão qtdeMostradas < 5 que é 2 < 5 é verdadeira? Sim, então execute o código.
   1. Exibir no console o texto "Pastel!";
   2. Atribua à variável qtdeMostradas o valor de qtdeMostradas somada por 1;
   3. Fim da execução do código.
4. A expressão qtdeMostradas < 5 que é 3 < 5 é verdadeira? Sim, então execute o código.
   1. Exibir no console o texto "Pastel!";
   2. Atribua à variável qtdeMostradas o valor de qtdeMostradas somada por 1;
   3. Fim da execução do código.
5. A expressão qtdeMostradas < 5 que é 4 < 5 é verdadeira? Sim, então execute o código.
   1. Exibir no console o texto "Pastel!";
   2. Atribua à variável qtdeMostradas o valor de qtdeMostradas somada por 1;
   3. Fim da execução do código.
6. A expressão qtdeMostradas < 5 que é 5 < 5 é verdadeira? Não. Encerre a execução do while e passe para o próximo código.

Perceba que na execução do código, há uma variável chave para determinar o encerramento do comando while que é a qtdeMostradas. Sem ela, a expressão lógica sempre seria verdadeira, fazendo com que a execução do código do comando seja sempre executado a todo o momento o programa nunca terminaria, travando ela.

---

Interrompendo o ciclo de execuções do While usando break

Uma forma de interromper a execução dos comandos no escopo do while é utilizando a palavra-chave break.

Veja o mesmo exemplo anterior porém com o comando break:

let qtdeMostradas = 0;

while (qtdeMostradas < 5) {
    console.log("Pastel!");
    qtdeMostradas = qtdeMostradas + 1;
    if (qtdeMostradas == 3)
        break;
}

// Saída:
// "Pastel!"
// "Pastel!"
// "Pastel!"

No código acima, apenas três textos "Pastel!" foram exibidos. Isso aconteceu porque na execução da expressão qtdeMostradas < 5 que é 3 < 5. A verificação da expressão do if dentro do while satisfez verdadeira (qtdeMostradas == 3 que é 3 == 3), executando o comando break, interrompendo a execução do escopo do while e encerrando sua execução, passando para o próximo código do programa.

Mais informações:

• While

 

[Crixus]

Bem mais pratico que usar For.

 

[DanTheLion]

Bem mais pratico que usar For.

Sim, só que o comando For é mais o uso de analisar, chamar, aumentar, etc. as variáveis para certos casos do seu script.

 

[Crixus]

Na realidade eu nunca usei WHILE, mas eu teria economizado bem mais linhas de códigos usando ele depois que li o tópico...
KKKKKKk

 

[DanTheLion]

Tópico sobre o comando While reestruturado.

~ Até mais!

 

[Aleth728]

VALEU, DAN!
Acompanhando todas as aulas e fazendo exercícios com as mesmas sempre que eu posso, espero me tornar cada vez melhor com os códigos!