Operatore di interrogativo JavaScript

Normalmente in qualsiasi linguaggio di programmazione rappresentiamo le dichiarazioni condizionali con le tradizionali "se ... altro ..." ma a volte assumono varie linee di codici anche per le condizioni più semplici. Quindi, JavaScript ci fornisce il Punto interrogativo(?) Operatore utilizzato per le dichiarazioni condizionali in JavaScript.

Il punto interrogativo (?) L'operatore in JavaScript è una delle caratteristiche più potenti che JavaScript fornisce dichiarazioni condizionali e se usato lungo ":" può agire come "se altro… ". Ma non è l'unico modo in cui questo operatore viene utilizzato in JavaScript. In questo articolo discuteremo dell'operatore interrogativo in JavaScript insieme al suo utilizzo con esempi.

Modi per usare il punto interrogativo (?) Operatore in JavaScript

Il modo più comune di utilizzare l'operatore interrogativo è per le dichiarazioni condizionali, ma non è l'unico utilizzo in JavaScript. Esistono tre usi principali degli operatori interrogativi in ​​JavaScript come mostrato di seguito:

1. Operatore ternario
2. Incatenamento opzionale
3. Coalescing nullish

Uno dei quali tutti abbiamo familiarità, ma gli altri due sono quelli che solo pochi lo sanno, così vediamo e capiamo ciascuno insieme agli esempi.

Operatore ternario

Il termine ternario significa semplicemente costituito da tre parti e l'operatore interrogativo è anche noto come operatore ternario perché, a differenza di altri operatori come "===" rigorosamente uguale, è l'unico operatore che assume tre parti.

Nell'operatore ternario iniziamo "?"In cui aggiungiamo un'istruzione condizionale sul lato sinistro dell'operatore e un valore sul lato destro dell'operatore nel caso in cui la condizione lo sia VERO. È seguito da un colon ":"Che è seguito da un valore che deve essere restituito nel caso in cui la condizione sia falso. Di seguito è riportata la sintassi fornita:

Sintassi:

Dichiarazione condizionale ? True (valore se vero): falso (valore se false)

L'operatore ternario viene utilizzato per sostituire le più righe di codice If Else. Di seguito è riportato un esempio dell'istruzione se altro insieme alla sua sostituzione da un operatore ternario per mostrare come una dichiarazione condizionale di se altro può essere modificata facilmente in un codice di riga singolo.

if (20> 12)
console.log ("Sì")

altro
console.log ("no")

La riga di codice sopra può essere convertita in un codice di riga singolo:

const bigdernum = (20> 12) ? "Si No";
console.registro (più grande);

Puoi vedere chiaramente la differenza tra diverse righe di condizione If-Else viene trasformata in un codice a riga singolo usando un operatore ternario.

Incatenamento opzionale

La funzione di incapacità opzionale è stata introdotta nel 2020 che aiuta l'utente a gestire un errore in modo più efficiente. Diciamo che hai un codice che chiama un proprietario dell'oggetto che non esiste e quindi quando il codice viene eseguito genererà un errore che potrebbe essere dovuto al valore mancante nel database o in qualsiasi altro motivo. Ad esempio, guarda l'esempio seguente:

const dipendente =
Nome: "Mark",
Lavorare: 2015

dipendente.scrivere.stipendio();

Qui, non abbiamo definito le proprietà per l'oggetto e quindi quando eseguiamo il codice genererà l'errore seguente:

Ora per evitare tali errori, è stato introdotto il concatenamento opzionale attraverso il quale inseriamo semplicemente un operatore interrogativo "?"Tra i nomi delle proprietà come mostrato di seguito:

const dipendente =
Nome: "Mark",
Lavorare: 2015

dipendente.scrivere?.stipendio();

Produzione:

Attraverso il concatenamento opzionale ha semplicemente dato l'output "non definito"Invece di lanciare errori e quindi è una delle migliori caratteristiche per gli sviluppatori per evitare tali errori in modo più efficiente.

Coalescing nullish

A volte non abbiamo un valore per una proprietà o non è disponibile durante la scrittura del codice. Ad esempio, se definiamo vari utenti e abbiamo un'immagine di proprietà per ogni utente e non abbiamo l'immagine disponibile per quegli utenti. Quindi, quando i dati vengono visualizzati le immagini per gli utenti saranno vuoti, il che potrebbe sembrare brutto e non professionale.

const dipendente =
Nome: "Mark",
Immagine: indefinito || "N / A"

console.registro (dipendente);

Produzione:

Ma mentre si occupa di "||"L'operatore logico o, potresti incontrare alcuni problemi se si considerano alcuni valori come utilizzabili, come" e "0". Ad esempio, abbiamo dichiarato una variabile con il valore 0 o una stringa vuota insieme a "||" logico o operatore, quindi l'operatore considererà il valore nullo o indefinito e quindi restituirà un valore predefinito che abbiamo risolto, come mostrato dall'esempio seguente:

costituire Esempio1 = 0 || 'stringa predefinita';
console.log (esempio1);
considere Esempio2 = "|| 500;
console.log (esempio2);

Produzione:

Qui nell'esempio sopra, anche se abbiamo impostato i valori di Sia 0 che di stringa vuota lo sta ancora prendendo null e indefinito e visualizzando il valore predefinito che abbiamo impostato. Per risolvere questo problema che utilizziamo Nullish Coalescing o doppio punto interrogativo (??) come mostrato di seguito:

costituire Esempio1 = 0 ?? 'stringa predefinita';
console.log (esempio1);
costituire Esempio2 = " ?? 500;
console.log (esempio2);

Produzione:

In questo modo viene utilizzato il coalescenza nullish che accetta solo valori nulli e non definiti, a parte questo visualizza sempre i valori laterali destro.

Conclusione

L'operatore del punto interrogativo in JavaScript è estremamente utile in quanto non viene utilizzato solo per le dichiarazioni condizionali, ma per altri scopi utili. In questo articolo abbiamo discusso degli operatori interrogativi in ​​JavaScript insieme a vari modi di usarlo. Innanzitutto il modo tradizionale è sostituire le condizioni IF-Else con esso, ma ci sono anche altri modi per usarlo di cui abbiamo discusso nell'articolo. Attraverso gli operatori dei segni interrogativi possiamo rendere il nostro codice più compatto e gestire errori in modi più efficienti.