Operador If Ternário
O if ternário foi introduzido na linguagem Javascript na atualização ES6 (também chamada de ES2015). É uma forma mais curta de usar a estrutura condicional. A sintaxe é:
condição ? "valor se for verdadeiro" : "valor se for falso";
// Exemplo com if normal:
var nome = "";
if (nome) {
var mensagem = "Olá " + nome;
} else {
var mensagem = "Nome não informado";
}
// Exemplo com if ternário:
nome ? mensagem = "Olá " + nome : mensagem = "Nome não informado";
// Ou ainda mais simples:
mensagem = nome ? "Olá " + nome : "Nome não informado";
É possível reproduzir o else if com o operador ternário, mas recomenda-se cuidado pois o código pode ser um pouco mais difícil de compreender.
nome = "";
idade = 32;
mensagem = (nome && idade) ? "Olá " + nome + ", você tem 32 anos."
: (!nome && !idade) ? "Nome e idade não informados"
: (!idade) ? "Idade não informada"
: "Nome não informado";
console.log(mensagem);