Operador Condicional Ternário

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julho de 2015⁩.

Sumário

Ooperador condicional (ternário) é o único operador JavaScript que possui três operandos. Este operador é frequentemente usado como um atalho para a instruçãoif.

Sintaxe

condition ? expr1 : expr2

Parâmetros

condition: Uma expressão que é avaliada comotrue oufalse.
expr1,expr2: Expressões com valores de qualquer tipo.

Secondition étrue, o operador retornará o valor deexpr1; se não, ele retorna o valor deexp2. Por exemplo, para exibir uma mensagem diferente baseada no valor da variávelisMember, você poderá utilizar o código (statement) seguinte:

"The fee is " + (isMember ? "$2.00" : "$10.00");

Conforme o resultado da operação, você também poderá atribuir a variáveis:

var elvisLives = Math.PI > 4 ? "Yep" : "Nope";

Também são possíveis múltiplas avaliaçãoes ternárias (nota: o operador condicional é associativo a direita):

var firstCheck = false,  secondCheck = false,  access = firstCheck    ? "Access denied"    : secondCheck      ? "Access denied"      : "Access granted";console.log(access); // logs "Access granted"

Você também pode usar avaliações ternárias no espaço livre de modo a fazer diferentes operações:

var stop = false,  age = 16;age > 18 ? location.assign("continue.html") : (stop = true);

Você também pode fazer mais do que uma única operação em cada caso, separando-os por vírgula:

var stop = false,  age = 23;age > 18  ? (alert("OK, you can go."), location.assign("continue.html"))  : ((stop = true), alert("Sorry, you are much too young!"));

Você também pode fazer mais de uma operação durante a atribuição de um valor. Neste caso,o último valor separado por vírgula dentro dos parêntesesserá o valor a ser atribuído.

var age = 16;var url =  age > 18    ? (alert("OK, you can go."),      // alert returns "undefined", but it will be ignored because      // isn't the last comma-separated value of the parenthesis      "continue.html") // the value to be assigned if age > 18    : (alert("You are much too young!"),      alert("Sorry :-("),      // etc. etc.      "stop.html"); // the value to be assigned if !(age > 18)location.assign(url); // "stop.html"