Javascript

Utilizando o Operador Ternário no Javascript

Operador Ternário no Javascript, exemplos práticos de como estar utilizando o operador “operador condicional” nos códigos em Javascript.

O operador ternário é o único operador no JavaScript que possui três condições.

Este operador é usado para diminuir a quantidade de código em instruções “If / Else”.

condição ? expressao_1 : expressao_2

Seu funcionamento é bem simples, se a condição for verdadeira será executado a primeira expressão, caso contrario a segunda.

Exemplo com Javascript

alert("A conta a ser pago é de " + (para_membros ? "R$ 20.00" : "R$ 40.00") );

O exemplo acima é bem simples, se a variável “para_membros” for verdadeira no “alert” será concatenado junto ao texto “R$ 20,00”.

Mais exemplos:

var passouDeAno = Media >= 6 ? "Sim" : "Não";
var idade= 20;

idade > 18 ? (
    alert("Acima de 18 anos"),
    location.assign("conteudo-adulto.html")
) : (    
    alert("Você não pode acessar o conteúdo")
);

 

Resumo
Nome do Artigo
Operador Ternário no Javascript
Descrição
Como utilizar o Operador Ternário no Javascript, exemplos práticos da aplicação
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor
Tags: javascript

Post Recentes

YouTube sem cookie: adiar o embed do vídeo e do Maps até o aceite

Seu banner de consentimento está certo, mas o vídeo incorporado grava cookie de terceiro no primeiro carregamento. Troque o domínio…

8 horas atrás

Custom post type dando 404: flush_rewrite_rules na ativação do plugin

A listagem do custom post type abre e o single dá 404 no WordPress 6.9. Entenda o cache das rewrite…

2 dias atrás

systemd timer no lugar do cron: agendar script com log e sem execução dupla

Um par .service e .timer substitui a linha do crontab com log no journal, execução perdida recuperada no boot e…

2 dias atrás

Descrição em massa no WooCommerce: wp eval-file lendo a lista de SKUs

400 produtos importados do fornecedor com a aba Descrição vazia. Um wp eval-file percorre os SKUs sem texto, grava pelo…

2 dias atrás

Frete grátis no WooCommerce: esconder as outras opções de entrega

Some com PAC e SEDEX da lista quando o frete grátis está disponível, usando woocommerce_package_rates, e limpe o cache de…

3 dias atrás

Erro HTTP no WordPress ao enviar imagem para a biblioteca de mídia

A barra de upload chega no fim e o WordPress devolve só "Erro HTTP". Separe as três causas: Imagick barrado…

3 dias atrás