JavaScript spørsmålstegn operatør

Normalt på et hvilket som helst programmeringsspråk representerer vi de betingede utsagnene med det tradisjonelle "hvis ... ellers ...", men disse tar noen ganger opp forskjellige koderlinjer selv for de enklere forholdene. Derfor gir JavaScript oss Spørsmålstegn(?) Operatør brukt til betingede uttalelser i JavaScript.

Spørsmålstegnet (?) Operatør i JavaScript er en av de kraftigste funksjonene som JavaScript gir for betingede uttalelser og når den brukes langs “:” det kan fungere som ”Hvis ... ellers .. ”. Men det er ikke den eneste måten denne operatøren brukes i JavaScript. I denne artikkelen vil vi diskutere spørsmålstegnoperatøren i JavaScript sammen med bruken med eksempler.

Måter å bruke spørsmålstegn (?) Operatør i JavaScript

Den vanligste måten å bruke spørsmålstegnens operatør er for betingede uttalelser, men det er ikke den eneste bruken av det i JavaScript. Det er tre hovedbruk av spørsmålstegnoperatørene i JavaScript som vist nedenfor:

1. Ternær operatør
2. Valgfri kjetting
3. Nullish Coalescing

Den ene vi alle er kjent med, men de to andre er de bare få vet om, så la oss se og forstå hver sammen med eksempler.

Ternær operatør

Begrepet ternary betyr ganske enkelt bestående av tre deler, og spørsmålstegnoperatøren er også kjent som den ternære operatøren fordi i motsetning til andre operatører som “===” strengt like, er det den eneste operatøren som tar inn tre deler.

I den ternære operatøren starter vi med "?”Der vi legger til en betinget uttalelse på venstre side av operatøren og en verdi på høyre side av operatøren i tilfelle tilstanden er ekte. Det blir fulgt av en kolon “:”Som blir fulgt av en verdi som skal returneres i tilfelle tilstanden er falsk. Nedenfor er syntaksen som er gitt:

Syntaks:

Betinget uttalelse ? True (verdi hvis sant): falsk (verdi hvis falsk)

Den ternære operatøren brukes til å erstatte de flere kodelinjene til IF ellers uttalelse. Nedenfor er et eksempel på om annet uttalelse sammen med at den erstattes av en ternær operatør for å vise hvordan en betinget uttalelse av om ellers kan endres til en enkelt linjekode enkelt.

if (20> 12)
konsoll.Logg ("Ja")

ellers
konsoll.Logg ("Nei")

Ovennevnte kodelinje kan konverteres til en enkelt linjekode:

const biggernum = (20> 12) ? "Ja Nei";
konsoll.Log (Biggernum);

Du kan tydelig se forskjellen mellom flere linjer med IF-Else-tilstand blir omgjort til en enkelt linjekode ved hjelp av en ternær operatør.

Valgfri kjetting

Valgfri kjettingsfunksjon ble introdusert i 2020 som hjelper brukeren til å håndtere en feil på en mer effektiv måte. La oss si at du har en kode som kaller et objekt proprietær som ikke eksisterer, og når koden blir utført, vil den generere en feil som kan skyldes manglende verdi i databasen din eller annen grunn. Se for eksempel på eksemplet nedenfor:

const ansatt =
Navn: "Mark",
Arbeidsplass: 2015

ansatt.skrive.lønn();

Her har vi ikke definert egenskapene for objektet, og når vi utfører koden, vil den generere feilen nedenfor:

For å unngå slike feil ble valgfri kjetting introdusert som vi ganske enkelt setter inn en spørsmålstegnoperatør ""?”Mellom eiendomsnavnene som vist nedenfor:

const ansatt =
Navn: "Mark",
Arbeidsplass: 2015

ansatt.skrive?.lønn();

Produksjon:

Gjennom valgfri kjetting ga det ganske enkelt output “udefinert”I stedet for å kaste feil, og derfor er det en av de beste funksjonene for utviklere å unngå slike feil mer effektivt.

Nullish Coalescing

Noen ganger har vi ikke en verdi for en eiendom, eller den er ikke tilgjengelig mens du skriver koden. For eksempel hvis vi definerer forskjellige brukere og vi har et eiendomsbilde for hver bruker og vi ikke har bildet tilgjengelig for disse brukerne. Så når dataene vises, vil bildene for brukere være blanke, noe som kan se stygge og uprofesjonelle.

const ansatt =
Navn: "Mark",
Bilde: udefinert || "N/A"

konsoll.logg (ansatt);

Produksjon:

Men mens du håndterer "||”Den logiske operatøren eller, du kan møte noen problemer hvis du anser noen verdier som brukbare, for eksempel“ “og“ 0 ”. For eksempel har vi erklært en variabel med verdi 0 eller en tom streng sammen med "||" logisk eller operatør, slik at operatøren vil betrakte verdien som null eller udefinert, og derfor vil den returnere en eller annen standardverdi som vi har fikset, som vist i eksemplet nedenfor:

const Eksempel1 = 0 || 'standardstreng';
konsoll.logg (eksempel1);
const eksempel2 = "|| 500;
konsoll.logg (eksempel2);

Produksjon:

Her i eksemplet ovenfor, selv om vi har angitt verdiene til både som 0 og tom streng, er det fremdeles som null og udefinert og viser standardverdien som vi angir. For å løse dette problemet bruker vi Nullish sammenkobling eller dobbelt spørsmålstegn (??) som vist under:

const Eksempel1 = 0 ?? 'standardstreng';
konsoll.logg (eksempel1);
const eksempel2 = " ?? 500;
konsoll.logg (eksempel2);

Produksjon:

På denne måten brukes den nullish koalescing som bare aksepterer null og udefinerte verdier, annet enn at den alltid viser de høyre sideverdiene.

Konklusjon

Spørsmålstegnoperatør i JavaScript er ekstremt nyttig, da det ikke bare brukes til betingede uttalelser, men for andre nyttige formål. I denne artikkelen diskuterte vi spørsmålstegnoperatører i JavaScript sammen med forskjellige måter å bruke den. Først er den tradisjonelle måten å erstatte IF-Else-forholdene med det, men det er også andre måter å bruke den som vi diskuterte i artikkelen. Gjennom spørsmålstegn operatører kan vi gjøre koden vår mer kompakte og håndtere feil på mer effektive måter.