Neste artigo você vai aprender a como fazer um if inline com JavaScript, o também conhecido por operador ternário

if inline com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre if em JS!

O operador ternário é um if que acontece em uma linha

Podemos adicionar a variação do if com um else, no mesmo operador

Isso torna o código mais resumido, sacrificando um pouco também a sua legibilidade

Então tenha cuidado com isso, resumir nem sempre é a melhor opção

A sintaxe é a seguinte:

const x = 10;
const y = 2;

const z = (x > y) ? console.log("X > Y") : console.log("Y > X")

Primeiramente criamos duas variáveis para poder realizar a condição

Na variável z inserimos o if inline, que é o operador ternário

  • (x > y) – O primeiro bloco é a condição, onde fazemos a verificação necessária;
  • ? – A interrogação é seguida do que vai acontecer se a condição for verdadeira;
  • : – os dois pontos mostra o que acontece se for falsa, é o else;

Então temos a seguinte estrutura nos if inline:

condicional ? se for verdadeiro execute isto : se não isto

Agora basta trocar a condicional e as demais instruções para o que você quer que aconteça

Lembre-se que para fazer um if sem else, basta tirar tudo após os dois pontos

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você viu como criar um if inline com JavaScript

Utilizamos uma estrutura, que é chamada de operador ternário

Este é o nome técnico que você verá em literaturas de programação

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários