Outras respostas já explicaram como funciona o operador condicional ternário, com bons exemplos. Ele avalia expressões condicionais, como o if
:
var variavel = condicao ? valorSeTrue : valorSeFalse;
Ou seja, se a condição (por exemplo x > 5
) for verdadeira, a variavel
recebe o valor valorSeTrue
, e se for falsa, o valor valorSeFalse
.
Uma diferença fundamental em relação ao if
é que o ternário é um operador, e não um statement. Ele sempre resulta em um valor, que é retornado, como se vê no exemplo. Não tem como inicializar uma variável em uma linha com if
justamente porque ele não gera valor nenhum.
Por isso o ternário costuma ser mais utilizado para atribuição de valor a uma variável, enquanto o if
comum é mais usado para controle de fluxo.
A vantagem do ternário para atribuição de valor é clara: não é preciso repetir o nome da variável. Por exemplo, nesta atribuição com if
usamos 6 linhas (incluindo a declaração da variável):
var x;
if(foo) {
x = 10;
} else {
x = 20;
}
Ou, na melhor das hipóteses, duas linhas:
var x = 20;
if(foo) x = 10;
Já com o operador ternário, pode-se declarar, aplicar a condicional e atribuir em uma única linha:
var x = foo ? 10 : 20;
O operador ternário é recomendado para casos simples, pois condições complexas ou aninhadas podem dificultar a leitura do código:
var cargo = salario <= 1000 ? 'junior' : salario <= 5000 ? 'senior' : 'diretor';
Quando as opções de valor do operador (b
e c
no exemplo do primeiro parágrafo) forem simples chamadas de função, ele pode até ser utilizado para controle de fluxo:
validaEmail(email) ? enviaEmail(email) : mostraErro();
Nesses casos há quem defenda o uso exclusivo desse operador em vez do if
, especialmente quando se programa em estilo funcional (onde ainda se poderia capturar o retorno das funções enviaEmail
ou mostraErro
, caso necessário). Eu pessoalmente acho que cada um tem o seu lugar, e em geral prefiro usar o ternário para atribuições, e o if
para controle de fluxo.