Neste tutorial, você aprenderá sobre o operador condicional / ternário em JavaScript com a ajuda de exemplos.
Um operador ternário pode ser usado para substituir uma if… else
instrução em certas situações. Antes de aprender sobre os operadores ternários, certifique-se de verificar o tutorial JavaScript if… else.
O que é um operador ternário?
Um operador ternário avalia uma condição e executa um bloco de código com base na condição.
Sua sintaxe é:
doença ? expressão1: expressão2
O operador ternário avalia a condição de teste.
- Se a condição for
true
, expression1 será executada. - Se a condição for
false
, a expressão2 será executada.
O operador ternário leva três operandos, daí o nome operador ternário. Também é conhecido como operador condicional.
Vamos escrever um programa para determinar se um aluno foi aprovado ou reprovado no exame com base nas notas obtidas.
Exemplo: Operador Ternário JavaScript
// program to check pass or fail let marks = prompt('Enter your marks :'); // check the condition let result = (marks>= 40) ? 'pass' : 'fail'; console.log(`You $(result) the exam.`);
Produto 1
Digite suas notas: 78 Você passa no exame.
Suponha que o usuário digite 78 . Em seguida, marks>= 40
é verificada a condição que avalia como true
. Portanto, a primeira expressão pass
é atribuída à variável de resultado.
Produto 2
Digite suas notas: 35 Você reprovou no exame.
Suponha que o uso entre 35 . Em seguida, a condição marks>= 40
avalia para false
. Portanto, a segunda expressão fail
é atribuída à variável de resultado.
Operador ternário usado em vez de if … else
Em JavaScript, um operador ternário pode ser usado para substituir certos tipos de if… else
instruções. Por exemplo,
Você pode substituir este código
// check the age to determine the eligibility to vote let age = 15; let result; if (age>= 18) ( result = "You are eligible to vote."; ) else ( result = "You are not eligible to vote yet."; ) console.log(result);
com
// ternary operator to check the eligibility to vote let age = 15; let result = (age>= 18) ? "You are eligible to vote." : "You are not eligible to vote yet"; console.log(result);
A saída de ambos os programas será a mesma.
Resultado
Você ainda não está qualificado para votar.
Operadores ternários aninhados
Você também pode aninhar um operador ternário como uma expressão dentro de outro operador ternário. Por exemplo,
// program to check if number is positive, negative or zero let a = 3; let result = (a>= 0) ? (a == 0 ? "zero" : "positive") : "negative"; console.log(`The number is $(result).`);
Resultado
O número é positivo.
Nota : Você deve tentar evitar operadores ternários aninhados sempre que possível, pois eles tornam seu código difícil de ler.