Como utilizar o operador condicional ? : em JavaScript

Neste artigo você vai aprender a como utilizar operador condicional ? : em JavaScript, também conhecido como operador ternário

Fala programador(a), beleza? Bora aprender mais sobre condicionais e JavaScript!

O operador que possui a interrogação e os dois pontos é chamado de ternário, e seu uso é muito simples

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Ele consiste em três partes:

parte1 ? parte2 : parte 3

• Parte 1: é o que estamos querendo checar, e pode retornar um true ou false;
• Parte 2: é o que será executado se a condição for verdadeira;
• Parte 3: é o que será executado se a condição for falsa;

Então temos que a parte 2 simula uma espécie de bloco de if e a parte 3 um bloco de else

Vamos a um exemplo:

const x = 10

x === 10 ? console.log("X é 10") : console.log("X não é 10")

Temos uma variável chamada x que possui o valor de 10, e é ela que estamos avaliando o if ternário

Checamos se este valor é igual a 10

Com base nisso temos dois possíveis casos, a impressão de uma string “X é 10” se o x for 10, que é o nosso caso

E outra que é “X não é 10”, você pode receber esta impressão se mudar o valor de x, e este é considerado o bloco else

O if ternário é simples, não acha? 🙂

Conclusão

Neste artigo você aprendeu a como utilizar o operador condicional ? : em JavaScript, também conhecido por operador ternário

Basicamente criamos uma comparação na primeira parte, e depois dois casos para serem executados

Um se a comparação resultar em verdadeiro e outro se resultar em falso

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologiasO link acima contém um cupom de desconto para os cursos!