Chegamos a mais um post da minha saga de estudos 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.
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.
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.
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:
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
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:
Top comments (0)