Operatore condizionale ternario JavaScript

1. Esempio: operatore condizionale ternario JavaScript
2. Esempio: operatori ternari nidificati JavaScript
3. Esempio: operazioni multiple nell’operatore ternario JavaScript

Questo tutorial introdurrà come utilizzare l’operatore condizionale ?: in JavaScript.

L’istruzione if ... else ci aiuta a eseguire un determinato blocco di codice solo se viene soddisfatta una determinata condizione. L’operatore condizionale, noto anche come operatore ternario, è un’abbreviazione di una riga per le istruzioni if ... else. Aiuta a scrivere codice pulito e conciso. È l’unico operatore JavaScript che richiede 3 operandi: la condizione da valutare, un’espressione da eseguire se la condizione è true e un’espressione da eseguire se la condizione è false. Poiché richiede 3 operandi, il suo nome è l’operatore ternario.

condition ? expression1 : expression2

L’operatore ternario valuta prima la condition data. La condizione è separata da expression1 da un ? e expression2 è separato da expression1 da un :. Se la condition è vera, allora l’operatore condizionale esegue expression1, altrimenti esegue expression2.

Esempio: operatore condizionale ternario JavaScript

var age = 18;
var canVote;
if (age >= 18) {
  canVote = 'yes';
} else {
  canVote = 'no';
}

L’esempio sopra mostra un’istruzione condizionale eseguita utilizzando la tradizionale istruzione if ... else.

var age = 18;
var canVote = age >= 18 ? 'yes' : 'no';

Abbiamo riscritto la parte di codice precedente utilizzando l’operatore ternario.

Esempio: operatori ternari nidificati JavaScript

Come l’istruzione if ... else, possiamo anche utilizzare operatori ternari annidati per eseguire il controllo di più condizioni.

var carSpeed = 90;
var warning =
    speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

Nel codice sopra, generiamo un avviso per l’auto in base alla velocità dell’auto. Innanzitutto, controlliamo se carSpeed è superiore a 100 e se la condizione è soddisfatta, generiamo un avviso che dice che l’auto si sta muovendo Way Too Fast!!. Altrimenti, abbiamo annidato una seconda espressione per verificare se carSpeed è maggiore di 80 e visualizzare Fast / Nice a seconda della valutazione.

Esempio: operazioni multiple nell’operatore ternario JavaScript

Possiamo eseguire più operazioni all’interno di un operatore ternario proprio come le istruzioni if ... else.

let isStudent = true;
let primeVideo = 12;
isStudent ?
    (primeVideo = primeVideo / 2, alert('Enjoy your student discount')) :
    (alert('You have to pay full price'));

Nel codice sopra, eseguiamo due operazioni invece di una, cambiando il valore di primeVideo alla metà e avvisando l’utente.