If Ternário Javascript: 5 Exemplos Práticos (Passo a Passo)

Hoje vamos entender como funciona o If Ternário Javascript, uma técnica bem legal para você que está iniciando seus estudos em programação.

O operador condicional (ternário) é o unico operador JavaScript que possui três operandos.

Portanto, este operador é muito utilizado como um atalho para a instrução if.

Enfim, você vai ver que é muito simples utiliza-lo e que vai melhorar muito a legibilidade do seu código.

Sintaxe

condition ? expr1 : expr2

Parâmetros

• condition – Uma expressão que é avaliada como verdadeiro (true) ou falso (false).
• expr1, expr2 – Expressões com valores de qualquer tipo.

Leia Também: JavaScript – Por que você deve aprender essa linguagem?

Explicação

Portanto, se condition é true, o operador retornará o valor de expr1. Se não, ele retorna o valor de expr2

Exemplo: 01

Primeiramente, vamos utilizar o operador ternário para realizar uma validação através de uma variável lógica:

var condicao = true;
var retorno = condicao ? "Verdadeiro" : "Falso";

console.log(retorno);

Exemplo: 02

Logo depois, vamos utilizar o operador ternário comparando valores do tipo string:

var cargo = "Programador";
var retorno = cargo == "Programador" ? "Ótima Profissão" : "Aprenda a Programar";

console.log(retorno);

Exemplo: 03

Logo depois, vamos utilizar o operador ternário validando dados do tipo numérico:

var primeiroNumero = 5;
var segundoNumero = 10;

var retorno = primeiroNumero > segundoNumero ? "Primeiro Número Maior" : "Segundo Número Maior";

console.log(retorno);

Exemplo: 04

Logo depois, utilizando o operador ternário de forma encadeada:

var salario = 5500;

var cargo = salario <= 2000 ? "Programador Junior" : salario <= 6000 ? "Programador Pleno" : "Programador Sênior";

console.log(retorno);

Exemplo: 05

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

var nome = "David Alves", idade = 30;

idade > 18 ? (
    alert("OK, você pode entrar na festa."),
    console.log(nome + " entrou!")
) : (
    alert("Desculpe, você não pode entrar na festa!"),
    console.log(nome + " não entrou!")
);

Conclusão: If Ternário Javascript

Chegamos ao final de mais um artigo e nele vimos que o If Ternário JavaScript é bem simples de utilizar e ajuda bastante na hora de programar.

Espero que o conteúdo tenha ajudado. Se você está iniciando seus estudos em programação ou até mesmo já esteja trabalhando, recomendo investir em cursos completos.

Clique no botão abaixo para acessar mais de 1400 cursos completos e com certificado válido.

ACESSAR CURSOS COM CERTIFICADO

Enfim, Muito Obrigado pela audiência e lhe desejo EXABYTES DE SUCESSO!!! 💻

Tags: if ternario javascript | javascript para iniciantes | operador ternario