JavaScript är ett populärt programmeringsspråk som används flitigt inom webbutveckling. En av de vanligaste uppgifterna i JavaScript är att kontrollera om en variabel har en värde eller inte . En variabel kan ha en värde eller null , vilket betyder att den inte har något värde alls. Det kan orsaka fel i din kod om du försöker utföra operationer på en nullvariabel. Därför är det viktigt att kontrollera om en variabel inte är null innan du använder den.
I den här artikeln kommer vi att utforska olika sätt att kontrollera om en variabel inte är null i JavaScript.
1. Använda operatören '!== null':
Det enklaste sättet att kontrollera om en variabel inte är null i JavaScript är att använda !== null' operator . Den här operatorn kontrollerar om värdet på en variabel inte är null. Här är ett exempel:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } Variabeln myVar ges värde null i denna kod. De om klausul avgör om myVar är inte lika med null. Konsolen visas 'Variabel är inte null' om villkoret är sant (dvs. myVar är inte null). Annars kommer den att skrivas ut 'Variabel är null' till konsolen om villkoret är falskt (dvs. myVar är null).
Utdata blir:
Variable is null
MyVar ges värdet null , därför utförs elseblockets kod på grund av villkoret myVar!== null utvärderas till falsk, loggning 'Variabel är null' till konsolen.
2. Använda 'typ av' operatör:
Ett annat sätt att kontrollera om en variabel inte är null är att använda 'typ av' operatör . De 'typ av' operatör returnerar typen av en variabel. Om en variabel är null , den 'sorts' operatören kommer tillbaka 'objekt'. Här är ett exempel:
vad är android påskägg
let myVar = null; if (typeofmyVar === 'object' &&myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } I den här koden, variabeln myVar ges värdet null . Typen av myVar verifieras sedan med hjälp av typ av oper ator, vilket kommer att ge 'objekt' för null i detta fall.
Två villkor kontrolleras av if-satsen:
typeofmyVar === 'objekt': Detta test avgör om myVars typen är 'objekt. Eftersom 'objekt' returneras av sorts null, detta krävs. Detta krav garanterar att myVar är ett objekt och inte någon annan typ.
myVar!== null: Detta test avgör om eller inte myVar är lika med null. De sorts operatören i sig själv inte kan skilja mellan null och andra objekt, vilket kräver en ytterligare kontroll.
MyVar kommer att logga 'Variabel är inte null' till konsolen om båda villkoren, det vill säga att det både är ett objekt och inte null , är sanna. Annars kommer den att matas ut 'Variabel är null' till konsolen om något av villkoren är falskt.
Utdata blir:
Variable is null
Förklaring:
Det första villkoret typeofmyVar === 'objekt' utvärderar till Sann därför att myVar har värdet null , men det andra villkoret myVar!== null utvärderar till falsk därför att myVar har värdet null . Som ett resultat körs elseblockets kod, och 'Variabel är null' skrivs ut på konsolen.
3. Använda nyckelordet 'null':
Du kan också kontrollera om en variabel är null med hjälp av 'null' nyckelord. De 'null' nyckelord representerar frånvaron av något objektvärde. Här är ett exempel:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } I den här koden, variabeln myVar ges värdet null. De om klausul avgör om myVar är inte lika med null .
MyVar är inte null om villkoret myVar!== null utvärderar till Sann . If-blockets funktion kommer då att köras om så är fallet. Kommentaren '// göra någonting' i exemplet betecknar koden koden du kan inkludera i om block för att utföra önskad åtgärd när variabeln inte är null.
Å andra sidan, om testet för myVar!== null returnerar falsk , myVar är i själva verket null. Det andra blockets funktion kommer då att köras i det scenariot. Variabeln deklareras som null i den angivna koden, som loggas 'Variabel är null' till konsolen.
Utdata blir:
Variable is null
Förklaring:
Skicket myVar!== null utvärderas till falskt eftersom värdet null har tilldelats myVar . Som ett resultat körs elseblockets kod, och 'Variabel är null' skrivs ut på konsolen.
4. Använda det dubbla utropstecknet (!!):
De dubbelt utropstecken är ett annat sätt att kontrollera om en variabel inte är null i JavaScript. Det dubbla utropstecknet används för att konvertera ett värde till ett booleskt värde. Om en variabel inte är null kommer det dubbla utropstecknet att returneras 'Sann'. Här är ett exempel:
let myVar = null; if (!!myVar) { console.log('Variable is not null'); } else { console.log('Variable is null'); } I den här koden, variabeln myVar ges värdet null. Variabeln utsätts för dubbel negation med hjälp av !! operatör . Denna metod för att omvandla ett värde till dess matchning boolesk representation används ofta.
De dubbel negation kommer att ge sant om variabeln myVar är Sann . Den dubbla negationen av null kommer att returnera false i JavaScript eftersom null betraktas som falskt.
Efter den dubbla negationen och innan du kontrollerar booleskt värdet av myVar , if-satsen. Koden inuti om block kommer att utföras om värdet på variabeln, myVar , är Sann och varken null eller falsk.
Däremot om värdet är falskt, myVar är tom eller falsk. Det andra blockets funktion kommer då att köras i det scenariot. Variabeln deklareras som null i den angivna koden, som loggas 'Variabel är null' till konsolen.
Utdata blir:
Variable is null
Förklaring:
konvertera strängdatum
MyVar ges värdet null , alltså dubbel negation!! används, och värdet av myVar är falsk . Som ett resultat körs elseblockets kod, och 'Variabel är null' skrivs ut på konsolen.
5. Använda den ternära operatören:
De ternär operatör är ett stenografiskt sätt att skriva en 'om' uttalande . Det är en one-liner som kan användas för att kontrollera om en variabel inte är null. Här är ett exempel:
let myVar = null; myVar !== null ? console.log('myVar is not null') : console.log('myVar is null');
I den här koden, variabeln myVar ges värdet null . Skicket myVar!== null kontrolleras med hjälp av ternär operatör?: . MyVar är inte null om tillståndet myVar!== null utvärderar till Sann . I det läget, console.log('myVar är inte null') kommer att användas för att exekvera uttrycket som kommer före?.
Å andra sidan, om testet för myVar!== null returnerar falsk , myVar är faktiskt null . I det läget, console.log('myVar är null') kommer att användas för att exekvera uttrycket som följer:.
Utdata blir:
myVar is null
Förklaring:
Skicket myVar!== null utvärderar till falsk eftersom värdet null har tilldelats myVar. Uttrycket efter: körs därför, och 'myVar är null' skrivs ut på konsolen.
Slutsats:
I den här artikeln har vi utforskat olika sätt att kontrollera om en variabel inte är null i JavaScript. Oavsett om du väljer att använda '!== null' operator , den 'typ av' operatör, de 'null' nyckelord , den dubbelt utropstecken , den ternär operatör , eller valfri kedja , är det viktigt att alltid kontrollera om en variabel inte är null innan du använder den för att undvika fel i din kod.
Genom att förstå dessa olika tekniker blir du bättre rustad att skriva mer tillförlitlig och felfri JavaScript-kod. Så nästa gång du arbetar med variabler i JavaScript, kom ihåg att alltid kontrollera om de inte är null innan du använder dem.