Operatore ternario JavaScript (con esempi)

In questo tutorial imparerai a conoscere l'operatore condizionale / ternario in JavaScript con l'aiuto di esempi.

Un operatore ternario può essere utilizzato per sostituire if… elseun'istruzione in determinate situazioni. Prima di conoscere gli operatori ternari, assicurati di controllare il tutorial JavaScript if … else.

Cos'è un operatore ternario?

Un operatore ternario valuta una condizione ed esegue un blocco di codice in base alla condizione.

La sua sintassi è:

condizione ? espressione1: espressione2

L'operatore ternario valuta la condizione del test.

  • Se la condizione è true, viene eseguita expression1 .
  • Se la condizione è false, viene eseguita expression2 .

L'operatore ternario accetta tre operandi, da cui il nome operatore ternario. È anche noto come operatore condizionale.

Scriviamo un programma per determinare se uno studente ha superato o meno l'esame in base ai voti ottenuti.

Esempio: operatore ternario 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.`);

Uscita 1

 Inserisci i tuoi voti: 78 Hai superato l'esame.

Supponiamo che l'utente inserisca 78 . Quindi marks>= 40viene verificata la condizione che restituisce true. Quindi la prima espressione passviene assegnata alla variabile risultato.

Uscita 2

 Inserisci i tuoi voti: 35 Non superi l'esame.

Supponiamo che l'uso entri in 35 . Quindi la condizione marks>= 40restituisce false. Quindi la seconda espressione failviene assegnata alla variabile di risultato.

Operatore ternario usato invece di if … else

In JavaScript, un operatore ternario può essere utilizzato per sostituire determinati tipi di if… elseistruzioni. Per esempio,

Puoi sostituire questo codice

 // 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);

con

 // 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);

L'output di entrambi i programmi sarà lo stesso.

Produzione

 Non sei ancora idoneo per votare.

Operatori ternari annidati

Puoi anche annidare un operatore ternario come espressione all'interno di un altro operatore ternario. Per esempio,

 // 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).`);

Produzione

 Il numero è positivo.

Nota : dovresti cercare di evitare gli operatori ternari annidati quando possibile poiché rendono il codice difficile da leggere.

Articoli interessanti...