logo javascript

Aprenda javascript com facilidade do zero

Prof. Ivan Lourenço Gomes

Operador If Ternário

O if ternário foi introduzido na linguagem Javascript na atualização ES6 (também chamada de ES2015). É uma forma mais curta de usar a estrutura condicional. A sintaxe é:

                    

    condição ? "valor se for verdadeiro" : "valor se for falso";

    // Exemplo com if normal:
    var nome = "";
    if (nome) {
        var mensagem = "Olá " + nome;
    } else {
        var mensagem = "Nome não informado";
    }

    // Exemplo com if ternário:

    nome ? mensagem = "Olá " + nome : mensagem = "Nome não informado";

    // Ou ainda mais simples:

    mensagem = nome ? "Olá " + nome : "Nome não informado";

                    
                

É possível reproduzir o else if com o operador ternário, mas recomenda-se cuidado pois o código pode ser um pouco mais difícil de compreender.

                    
                                            
    nome = "";
    idade = 32;
    
    mensagem = (nome && idade) ? "Olá " + nome + ", você tem 32 anos." 
        : (!nome && !idade) ? "Nome e idade não informados"
        : (!idade) ? "Idade não informada"
        : "Nome não informado";
    
    console.log(mensagem);


                    
                

Índice de Aulas