Operador Ternário (JavaScript)

Compartilhe a ajude a divulgar o blog:

Seis meses atrás fiz um post sobre como fazer troca de classes com JavaScript, mas algumas pessoas não entenderam como funciona o Ternário, por isso resolvi escrever este post.

Considero o ternário extremamente útil quando vamos montar um “if… else” para apenas 2 casos, ao invés de construir uma estrutura de algumas linhas você pode resolver com apenas uma linha de javaScript, vamos ver um exemplo:

Usando IF…Else


Usando Ternário


Podemos ler da seguinte forma: x é igual a 20? Se for, y recebe 50, se não, recebe 70.

Este operador tambem é muito útil para efeitos de menu, imagine o seguinte efeito, uma div tem classe “off”, no clique ela recebe classe “on”, no proximo clique precisa voltar para “off” caso esteja ativada, isso ficaria mais ou menos assim:

Item

Leia Também:

Sobre Tilo

Profissional FrontEnd desde 2006, Executa trabalhos com xHtml, CSS, JavaScript, MySQL e PHP, estudante de C# e SQL. Cursa Tec. em Analise e Desenvolvimento de Sistemas na UniItalo.
Esta entrada foi publicada em JavaScript, jQuery & Ajax e marcada com a tag , , . Adicione o link permanente aos seus favoritos.

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree