Você já ouviu alguém dizer: “Programar é basicamente um monte de decisões if…else”? Concordo totalmente! Quase tudo no nosso código se resume a “se isto acontecer, faça isso; caso contrário, faça outra coisa”. É o DNA da programação. E se você está começando sua jornada no JavaScript, vou te mostrar um truque que tornará suas instruções if…else mais enxutas: o operador ternário.

O operador ternário do JavaScript é uma forma abreviada de escrever instruções condicionais em uma única linha, utilizando três partes (daí o nome “ternário”). Ele é o único operador do JavaScript que aceita três operandos. A sintaxe é a seguinte:

condição ? façaIstoSeTrue : façaIstoSeFalse

Vamos ver um exemplo prático. Queremos restringir o acesso de menores de 14 anos a um site de mídia social. Usando o operador ternário, podemos simplificar o código:

let idade = 17;
let mensagem = idade >= 14 ? "Bem-vindo ao site!" : "Desculpe, você deve ter 14 anos ou mais";

console.log(mensagem); // Saída: "Bem-vindo ao site!"

Resumindo, transformamos seis linhas de código em duas. Isso torna o código mais limpo e fácil de ler. No entanto, é importante ter cuidado ao aninhar operadores ternários, pois isso pode prejudicar a legibilidade do código.

Os operadores ternários são comuns em frameworks JavaScript como React, onde são usados para renderizações condicionais. No React, podemos usá-los para alternar estilos ou conteúdo de texto com base em condições.

Para concluir, o operador ternário no JavaScript é uma ferramenta poderosa para simplificar condições simples, mas deve ser usado com cautela para evitar complexidade desnecessária.