Operador Ternário (JavaScript)
Posted by Tilo | Posted in JavaScript, jQuery & Ajax | Posted on 03-01-2010
Tags:IF.. Else, JavaScript, Ternário
0
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
