Como Utilizar o Operador Ternário em JavaScript para Estruturas de Controle If-Else

O JavaScript oferece uma forma concisa e elegante de lidar com estruturas condicionais utilizando o operador ternário. Este operador é particularmente útil para simplificar construções if-else em casos mais simples. Neste artigo, exploraremos como empregar o operador ternário em um cenário comum: a construção de uma estrutura de controle if-else-if em JavaScript.

Uso Básico do Operador Ternário:

Em JavaScript, a sintaxe básica do operador ternário é a seguinte:

const resultado = (condicao1) ? valor1 :
                 (condicao2) ? valor2 :
                 (condicao3) ? valor3 :
                 valorPadrao;

Este trecho de código atribui à variável resultado um valor com base nas condições especificadas. Cada bloco condicional é separado por : e o último valor (valorPadrao) é retornado caso nenhuma das condições anteriores seja verdadeira.

Exemplo Prático: Categorizando Idades: Vamos considerar um exemplo prático onde categorizamos a idade de uma pessoa. Veja o código abaixo:

const idade = 25;

const categoria = (idade < 18) ? 'Menor de idade' :
                  (idade >= 18 && idade < 65) ? 'Adulto' :
                  'Idoso';

console.log(categoria);

Neste caso, a variável categoria recebe um valor com base na idade. Dependendo da condição, a categoria será “Menor de idade”, “Adulto” ou “Idoso”.

É importante notar que, embora o operador ternário seja uma ferramenta poderosa para condições simples, deve-se manter a clareza e a legibilidade do código. Em situações mais complexas, a utilização da estrutura if-else convencional pode ser mais apropriada. O operador ternário brilha em situações onde a lógica é direta e concisa.

Experimente incorporar o operador ternário em seus projetos JavaScript para criar código mais limpo e eficiente em situações apropriadas. Esperamos que este artigo tenha fornecido uma compreensão clara de como utilizar o operador ternário em estruturas de controle if-else no JavaScript.