Fala galera! Espero que esteja tudo certo com vocês!
Vou iniciar uma série, chamada “Dev fast tips”, onde vou dar algumas dicas rápidas e bastante úteis em nosso dia-a-dia. Hoje vou começar falando sobre operadores ternários; um assunto bastante simples, porém ainda vejo que bastante gente não conhece, não usa, ou tem dificuldade para usar. Bora lá?
Mas afinal, o que é um operador ternário?
O operador ternário é um cara bastante simples e serve basicamente para validar uma operação “if / else” que vai retornar um valor booleano (true ou false).
O nome “ternário” vem do fato de o operador possuir três partes, que são separadas pelos caracteres “?” e “:“, como no exemplo abaixo:
algumaCondicao ? valorCasoSejaVerdadeira : valorCasoSejaFalsa;
Isso pode substituir por exemplo, uma condição de if / else parecida com essa:
if(algumaCondicao) | |
return valorCasoSejaVerdadeira; | |
else | |
return valorCasoSejaFalsa; |
Olha só quantas linhas nós economizamos! 😀
Legal, entendi! Quero mais exemplos!
Estou utilizando JavaScript para realizar os exemplos, pois é uma linguagem deveras dinâmica, onde podemos considerar que zero, null, undefined, NaN e acreditem, inclusive o próprio false, podem assumir o valor “false“. Como vocês podem ver a seguir:
let a = new Boolean([].length); | |
let b = new Boolean(0); | |
let c = new Boolean(false); | |
let d = new Boolean(null); | |
let e = new Boolean(undefined); | |
let f = new Boolean(NaN); | |
console.log(a, b, c, d, e, f); | |
//[Boolean: false] [Boolean: false] [Boolean: false] [Boolean: false] [Boolean: false] [Boolean: false] |
Podemos simplificar por exemplo a situação a seguir, onde preciso verificar se tem itens em uma lista:
let listaQualquer = [ | |
'Item 001', | |
'Item 002', | |
'Item 003', | |
'Item 004' | |
]; | |
let temCoisas; | |
if (listaQualquer.length > 0) | |
temCoisas = true; | |
else | |
temCoisas = false; |
Podemos utilizar o operador ternário para fazer o seguinte:
let listaQualquer = [ | |
'Item 001', | |
'Item 002', | |
'Item 003', | |
'Item 004' | |
]; | |
let temCoisas = listaQualquer.length > 0 ? true : false; |
Já diminuímos o código para apenas 1 linha, e vejam só, podemos deixá-lo ainda mais elegante, e de várias formas diferentes:
let listaQualquer = [ | |
'Item 001', | |
'Item 002', | |
'Item 003', | |
'Item 004' | |
]; | |
//Atual | |
let temCoisas = listaQualquer.length > 0 ? true : false; | |
//Como o resultado disso retorna 'true' ou 'false' e é isso que eu preciso… | |
//Nesse caso, utilizar o operador ternário não é necessário 🙂 | |
let temCoisas = listaQualquer.length > 0; | |
//Ou melhor ainda… | |
//Lembram que o JS pode assumir o Zero como false? | |
//Então qualquer número diferente disso, é true! | |
//Se não tiver nada (zero) o temCoisas pode assumir 'false' | |
//E se tiver, vai assumir 'true' | |
let temCoisas = listaQualquer.length; |
Simples né?
Espero que tenham gostado, e para os que ainda não utilizam, que comecem a desfrutar das vantagens do operador ternário e da magia do JavaScript rsrs.
Caso tenham alguma sugestão de dicas rápidas, mandem por favor! Vou adorar recebê-las!
Por hoje é só, qualquer dúvida ou sugestão, estou à disposição! Até mais 😀