Controle de Fluxo (if...else)

Olá HaWker! Jeff Bruchado por aqui.

Esse é mais um artigo da nossa série de artigos que vai cobrir a nossa jornada para Aprender Programação do Zero.

Hoje será um artigo sobre um conteúdo extremamente importante para prosseguirmos com o seu aprendizado.

Então, por favor! Se você não tem domínio sobre o que vou falar hoje, leia até o final!

Bom, sem mais delongas, vamos começar!

Hoje, nós vamos falar sobre um dos temas mais importantes na Programação:

Controle de Fluxo (Control Flow).

Antes de tudo, vamos entender porque é importante entender os controles de fluxo.

Vamos supor que você está trabalhando em um sistema, e dentro desse sistema existe uma funcionalidade que exibe uma mensagem que informa se o usuário é maior de idade, ou menor de idade, essa mensagem é exibida com base na data de nascimento do usuário calculando sua idade comparando com o dia atual.

Você concorda comigo que esse código precisa ter algum mecanismo que exibe uma ou outra mensagem, certo?

E com isso, nós temos o Controle de Fluxo na Programação para resolver esse problema.

Pra conceituar, o Controle de Fluxo é uma forma de controlar o fluxo de execução do seu código.

Ou seja, determinar quais linhas de código devem ser executadas em

determinadas situações.

Isso é feito através de estruturas de controle de fluxo, como:

• if
• if...else
• switch
• if...else if

A seguir vamos entender cada um deles detalhadamente:

if

O if é usado para executar uma ação quando uma determinada condição é verdadeira.

Por exemplo:

const age = 17;if (age < 18) {  console.log('Você é menor de idade');}

Neste exemplo, a mensagem "Você é menor de idade" só será exibida no console se a variável age for menor que 18.

Nesse caso, age é a representação em código do que entendemos por idade.

A seguir vamos para a prática para solidificar esse conhecimento que você acabou de estudar.

Exercício Prático

1. Crie um script que peça ao usuário para digitar três números inteiros. Em seguida, determine qual número é o maior e imprima-o na tela.

Por favor! Ao final desse artigo, responda esse email com o código e a resposta de cada exercício prático.

Isso pra eu saber se essa dinâmica é valiosa pra você. E se esses conteúdos estão sendo úteis para sua jornada.

if...else

O if...else é usado para executar uma ação quando uma determinada condição é verdadeira e outra ação quando a condição é falsa.

Por exemplo:

const age = 19;if (age < 18) {  console.log('Você é menor de idade');} else {  console.log('Você é maior de idade');}

Neste exemplo, a mensagem "Você é menor de idade" será exibido no console se a variável age for menor que 18, e a mensagem "Você é maior de idade" será exibida se a variável age for igual ou maior que 18.

Bom, passado o conceito, vamos para a prática para solidificar esse conhecimento que você acabou de estudar.

Exercício Prático

1. Crie um script que peça ao usuário para digitar uma idade. Em seguida, verifique se a idade é maior ou igual a 18 e imprima "maior de idade" na tela, caso contrário, imprima "menor de idade".

Para esse exercício se aplica as mesmas instruções que o exercício anterior.

switch

O switch é usado para verificar se uma variável corresponde a um dos valores especificados e, se corresponder, executar uma ação.

Por exemplo:

const day = 'Tuesday';switch (day) {  case 'Monday':    console.log('Hoje é segunda-feira');    break;  case 'Tuesday':    console.log('Hoje é terça-feira');    break;  case 'Wednesday':    console.log('Hoje é quarta-feira');    break;  // etc.}

Neste exemplo, a mensagem "Hoje é segunda-feira" será exibida no console se a variável day for igual a "Monday", a mensagem "Hoje é terça-feira" será exibida se a variável day for igual a "Tuesday", e assim por diante.

Bom, passado o conceito, vamos para a prática para solidificar esse conhecimento que você acabou de estudar.

Exercício Prático

1. Crie um script que peça ao usuário para digitar uma letra. Em seguida, verifique se a letra é "a", "e", "i", "o" ou "u" e imprima "vogal" na tela, caso contrário, imprima "consoante".

Para esse exercício se aplica as mesmas instruções dos demais exercícios.

if...else if

O if...else if é uma extensão da estrutura if...else que permite verificar múltiplas condições.

É usada quando você quer executar uma ação diferente dependendo de qual condição é verdadeira.

Por exemplo:

const score = 70;if (score < 60) {  console.log('Reprovado');} else if (score < 80) {  console.log('Recuperação');} else {  console.log('Aprovado');}

Neste exemplo, se a variável score for menor que 60, a mensagem "Reprovado" será exibida no console. Se a variável score for maior ou igual a 60 e menor que 80, a mensagem "Recuperação" será exibida.

Se a variável score for igual ou maior que 80, a mensagem "Aprovado" será exibida.

É importante notar que a estrutura if...else if funciona da seguinte maneira: o código verifica a primeira condição (no exemplo acima, score < 60), e se ela for verdadeira, a ação correspondente é executada e o código para ali.

Se a primeira condição for falsa, o código passa para a próxima condição (score < 80) e verifica se ela é verdadeira. Se for, a ação correspondente é executada e o código para ali.

Se nenhuma das condições anteriores for verdadeira, o código entra no bloco else e executa a ação ali definida.

PS: Eu particularmente raramente uso essa condição, mas é importante ter no seu repertório também essa possibilidade!

Bom, passado o conceito, vamos para a prática para solidificar esse conhecimento que você acabou de estudar.

Exercício Prático

1. Crie um script que peça ao usuário para digitar uma nota de 0 a 10.

Em seguida, verifique se a nota é maior ou igual a 9 e menor ou igual a 10, imprima "A" na tela;

se a nota é maior ou igual a 7 e menor que 9, imprima "B" na tela;

se a nota é maior ou igual a 5 e menor que 7, imprima "C" na tela;

se a nota é maior ou igual a 3 e menor que 5, imprima "D" na tela; caso contrário (else), imprima "E" na tela.

Para esse exercício se aplica as mesmas instruções dos demais exercícios.

Conclusão

Em resumo, nesse instante você tem disponível no seu repertório diferentes formas de controlar o fluxo do seu código, você pode usar o if, if...else, **if...

else if** ou até mesmo o **switch**.

Como você pode perceber o switch e o if...else if são muito parecidos, e você pode usar um ou outro dependendo da situação.

Quando eu entro em um dilema de qual utilizar, eu sempre utilizo a seguinte regra:

Se for uma condição complexa com múltiplas opções de retorno, utilizo o if...else if.

Caso seja uma condição simples, porém com múltiplos retornos, dependendo do valor de uma variável, então eu utilizo o switch.

Pois bem HaWker, chegamos ao fim de mais um artigo.

Espero que esse artigo tenha agregado no seu repertório de conhecimento sobre Programação.

Como sempre, se tiver qualquer dúvida ou quiser explorar mais algum ponto, é só responder com a sua dúvida, nesse email.

E lembre-se, estou aqui para te ajudar a melhorar 1% a cada novo artigo!

Se você chegou até aqui, como de costume, por favor, responda esse email com "Consegui controlar o fluxo nos exercícios".

Dessa forma eu vou saber que essa série de artigos está sendo útil pra você, e que você está acompanhando e aproveitando.

Como você já sabe! Somente um verdadeiro HaWker chega até o final.

Parabéns!

Estou feliz em te ter aqui.

Te vejo em breve.

Bora pra cima! 🦅

- Jeff Bruchado

Parabéns por chegar até aqui, HaWker! 🎉

Nesse momento que você aprendeu sobre as estruturas de controle de fluxo na programação, que tal testar seus conhecimentos? Participe do quiz abaixo e veja o quanto você absorveu do nosso artigo.

É uma ótima maneira de fixar o aprendizado e se preparar para os próximos passos na sua jornada de programação.

Aperte para acessar o quiz.

Boa sorte e divirta-se!