Condicionais If, Else if e Else
Published: 2021-03-16 00:23:03

Chegamos a mais um post da minha [saga de estudos](https://dev.to/inando85/bem-vindo-de-novo-javascript-1b48) em JavaScript.

No post de hoje irei falar sobre as condicionais `if`, `else if` e `else`.

If em inglês significa `se`, portanto, essa condicional é usada para verificar se determinada condição na aplicação é verdadeira. Caso seja, o bloco de código presente dentro dela, será executado, caso a condição resulte em falso, o bloco de código dentro será ignorado.

Importante frisar que, o bloco de código que será executado caso a condição seja verdadeira, irá executar uma única vez.

No exemplo abaixo, irei criar uma variável age, que receberá uma idade qualquer.

Depois irei fazer a verificação condicional se o valor de `age` é maior ou igual a `18`.

Caso a condição seja verdadeira, o console.log dentro do `if`, será executado, caso seja falso, o console.log será ignorado.

```js
const idade = 19

if (idade >= 18) {
 console.log('Você é maior de idade')
}

// Output
Você é maior de idade
```

Agora eu irei criar um condicional para verificar se o array possui um determinado número de itens.

```js
const simpsons = ['Marge', 'Homer', 'Lisa', 'Bart']

if (simpsons.length >= 3) {
 console.log('O array tem bastante personagens')
}
```

Um outro caso que pode ser usado, é por exemplo para verificar se uma senha respeita os requisitos.

```js
const senha = 'oi123123'

if (senha.length >= 8) {
 console.log('Essa senha possui 8 ou mais caracteres')
}
```

Porém, é possível realizar múltiplas condicionais juntas, utilizando o `else if` e o `else`.

Else em inglês significa se não.

if = Se
else if = se não, se
else = se não

O fluxo correto é, se a condição original `if`, resultar em verdadeiro, o bloco de código dentro dela será executado, caso resulte em falso, irá ser feita a verificação dentro do `else if`, se resultar em verdadeiro, o bloco de código dentro será executado, caso resulte em falso, o bloco de código do `else` é executado.



Exemplos:

```js
const senha = 'oi123'

if (senha.length >= 12) {
  console.log('Senha muito forte =)')
} else if (senha.length >= 8) {
  console.log('Senha forte')
} else {
  console.log('Senha fraca, a senha deve ter no mínimo 8 caracteres')
}

// Output
Senha fraca, a senha deve ter no mínimo 8 caracteres
```

No exemplo acima, existem duas condicionais, um `if`, um `else if` e um `else`, para o caso de nenhuma das duas condições serem atendidas.

O `if` está verificando se a senha possui 12 ou mais caracteres, caso não seja verdadeira, iremos ver a segunda condicional `else if`, que irá verificar se a senha possui 8 ou mais caracteres, caso também não seja verdadeira, iremos cair no `else` e será executado o bloco de código dentro dele.

Não necessariamente iremos ter mais de uma verificação condicional no código, podemos apenas testar um e ter um `else` para quando não for verdadeira.

```
const idade = 16

if (idade >= 18) {
  console.log('Você possui pelo menos 18 anos')
} else {
  console.log('Você possui menos de 18 anos')
}

// Output
Você possui menos de 18 anos
```

Vou deixar o link para a documentação da MDN sobre [if, else if e else](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else)

Chegamos ao fim de mais um conteúdo de JavaScript Vanilla, espero que estejam curtindo ler, assim como eu estou adorando escreve-los.

________________________________________________________________

Esse foi mais um post da minha saga de estudos em JavaScript Vanilla. Espero que estejam gostando!

Qualquer dúvida ou sugestão, vocês me encontram nas minhas redes sociais:

[LinkedIn](https://linkedin.com/in/inando85)
[GIthub](https://github.com/inando85)
[Twitter](https://twitter.com/inando85)