JavaScript on suosittu ohjelmointikieli, jota käytetään laajasti verkkokehityksessä. Yksi yleisimmistä JavaScriptin tehtävistä on tarkistaa, onko muuttujalla a arvo tai ei . Muuttujalla voi olla a arvo tai tyhjä , mikä tarkoittaa, että sillä ei ole lainkaan arvoa. Se voi aiheuttaa virheitä koodissasi, jos yrität suorittaa toimintoja nollamuuttujalle. Siksi on tärkeää tarkistaa, ettei muuttuja ole tyhjä ennen sen käyttöä.
Tässä artikkelissa tutkimme erilaisia tapoja tarkistaa, onko JavaScriptin muuttuja tyhjä.
1. Operaattorin '!== null' käyttäminen:
Yksinkertaisin tapa tarkistaa, onko JavaScriptin muuttuja tyhjä, on käyttää !== null'-operaattori . Tämä operaattori tarkistaa, onko muuttujan arvo nolla. Tässä on esimerkki:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } Muuttuja myVar annetaan arvo null tässä koodissa. The jos lauseke määrittää onko myVar ei ole yhtä kuin null. Konsoli tulee näkyviin 'Muuttuja ei ole tyhjä' jos ehto on tosi (esim. myVar ei ole tyhjä). Muuten se tulostuu 'Muuttuja on nolla' konsoliin, jos ehto on epätosi (eli myVar on tyhjä).
Tuotos tulee olemaan:
Variable is null
MyVar annetaan arvo tyhjä , siksi else-lohkon koodi suoritetaan, koska ehto myVar!== null arvioi vääräksi, kirjaaminen 'Muuttuja on tyhjä' konsoli.
2. 'typeof'-operaattorin käyttäminen:
Toinen tapa tarkistaa, onko muuttuja tyhjä, on käyttää 'typeof'-operaattori . The 'typeof'-operaattori palauttaa muuttujan tyypin. Jos muuttuja on tyhjä , 'tyyppi' operaattori palaa 'esine'. Tässä on esimerkki:
syöttää merkkijono javassa
let myVar = null; if (typeofmyVar === 'object' &&myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } Tässä koodissa muuttuja myVar annetaan arvo tyhjä . Tyyppi myVar sen jälkeen tarkistetaan käyttämällä operaation tyyppi ator, joka antaa 'objektin' nollaksi tässä tapauksessa.
Kaksi ehtoa tarkistetaan if-lauseella:
typeofmyVar === 'objekti': Tämä testi määrittää, onko myVarin tyyppi on 'objekti. Siitä asti kun 'esine' palautetaan tyyppi null, tämä on pakollinen. Tämä vaatimus takaa, että myVar on objekti eikä jokin muu tyyppi.
myVar!== null: Tämä testi määrittää, onko vai ei myVar on yhtä kuin nolla. The tyyppi operaattori itsessään ei pysty erottamaan nolla-objekteja ja muita objekteja, mikä vaatii lisätarkistuksen.
MyVar kirjautuu 'Muuttuja ei ole tyhjä' konsoliin, jos molemmat ehdot ovat, eli että se on sekä objekti että ei tyhjä , ovat totta. Muuten se tulostuu 'Muuttuja on nolla' konsoliin, jos jompikumpi ehdoista on väärä.
Tuotos tulee olemaan:
Variable is null
Selitys:
Ensimmäinen ehto typeofmyVar === 'objekti' arvostelee totta koska myVar on arvoa tyhjä , mutta toinen ehto myVar!== null arvostelee väärä koska myVar on arvoa tyhjä . Tämän seurauksena else-lohkon koodi suoritetaan, ja 'Muuttuja on nolla' tulostetaan konsoliin.
3. Nolla-avainsanan käyttäminen:
Voit myös tarkistaa, onko muuttuja tyhjä, käyttämällä 'tyhjä' avainsana. The 'tyhjä' avainsana edustaa objektiarvon puuttumista. Tässä on esimerkki:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } Tässä koodissa muuttuja myVar annetaan arvo null. The jos lauseke määrittää onko myVar ei ole sama tyhjä .
MyVar ei ole tyhjä, jos ehto myVar!== null arvostelee totta . Jos lohkon toiminto suoritetaan sitten, jos näin on. Kommentti '// tee jotain' esimerkissä koodi tarkoittaa koodia, jonka saatat sisällyttää koodiin jos esto suorittaaksesi halutun toiminnon, kun muuttuja ei ole tyhjä.
Toisaalta, jos testi myVar!== null palaa väärä , myVar on itse asiassa nolla. Muun lohkon toiminto suoritetaan sitten kyseisessä skenaariossa. Muuttuja ilmoitetaan tyhjäksi toimitetussa koodissa, joka kirjautuu lokiin 'Muuttuja on nolla' konsoliin.
Tuotos tulee olemaan:
Variable is null
Selitys:
Kunto myVar!== null arvo on epätosi, koska arvo null on määritetty myVar . Tämän seurauksena else-lohkon koodi suoritetaan, ja 'Muuttuja on nolla' tulostetaan konsoliin.
4. Tuplahuutomerkin (!!) käyttäminen:
The kaksoishuutomerkki on toinen tapa tarkistaa, ettei muuttuja ole tyhjä JavaScriptissä. Kaksoishuutomerkkiä käytetään arvon muuntamiseen Boolen arvoksi. Jos muuttuja ei ole tyhjä, kaksoishuutomerkki palaa 'totta'. Tässä on esimerkki:
let myVar = null; if (!!myVar) { console.log('Variable is not null'); } else { console.log('Variable is null'); } Tässä koodissa muuttuja myVar annetaan arvo null. Muuttujalle tehdään kaksoisnegatio käyttämällä !! operaattori . Tämä menetelmä arvon muuttamiseksi sen vastaavuudeksi boolen esitys käytetään usein.
The kaksinkertainen negaatio antaa tosi, jos muuttuja myVar On totta . Nollan kaksoisnegataatio palauttaa JavaScriptin false, koska nollaa pidetään epätosona.
Kaksoisnegaation jälkeen ja ennen kuin tarkistat boolean jonkin arvo myVar , if-lause. Koodi sisällä jos esto suoritetaan, jos muuttujan arvo, myVar , On totta eikä tyhjä eikä epätosi.
Sitä vastoin jos arvo on false, myVar on tyhjä tai väärä. Muun lohkon toiminto suoritetaan sitten kyseisessä skenaariossa. Muuttuja ilmoitetaan tyhjäksi annetussa koodissa, joka kirjautuu lokiin 'Muuttuja on nolla' konsoliin.
Tuotos tulee olemaan:
Variable is null
Selitys:
MyVar annetaan arvo tyhjä , siis kaksinkertainen kieltäminen!! käytetään, ja arvo myVar On väärä . Tämän seurauksena else-lohkon koodi suoritetaan, ja 'Muuttuja on nolla' tulostetaan konsoliin.
5. Kolmiosaisen operaattorin käyttäminen:
The kolmiosainen operaattori on lyhennetty tapa kirjoittaa an 'jos'-lause . Se on yksilinjainen, jonka avulla voidaan tarkistaa, onko muuttuja nolla. Tässä on esimerkki:
let myVar = null; myVar !== null ? console.log('myVar is not null') : console.log('myVar is null');
Tässä koodissa muuttuja myVar annetaan arvo tyhjä . Kunto myVar!== null tarkistetaan käyttämällä kolmiosainen operaattori?: . MyVar ei ole tyhjä jos ehto myVar!== null arvostelee totta . Siinä tilanteessa, console.log('omamuuttuja ei ole tyhjä') käytetään suorittamaan lauseke, joka tulee ennen?.
Toisaalta, jos testi myVar!== null palaa väärä , myVar on itse asiassa tyhjä . Siinä tilanteessa, console.log('omamuuttuja on tyhjä') käytetään suorittamaan lauseke, joka seuraa lauseketta:.
Tuotos tulee olemaan:
myVar is null
Selitys:
Kunto myVar!== null arvostelee väärä koska arvo null on määritetty arvolle myVar. Seuraava lauseke: ajetaan siksi ja 'myVar is null' tulostetaan konsoliin.
keskiarvo vs keskiarvo
Johtopäätös:
Tässä artikkelissa olemme tutkineet erilaisia tapoja tarkistaa, onko JavaScriptin muuttuja tyhjä. Riippumatta siitä, haluatko käyttää '!== null'-operaattori , 'typeof'-operaattori, the 'null'-avainsana , kaksoishuutomerkki , kolmiosainen operaattori , tai valinnainen ketjutus , on tärkeää aina tarkistaa, ettei muuttuja ole nolla ennen sen käyttöä koodin virheiden välttämiseksi.
Kun ymmärrät nämä erilaiset tekniikat, pystyt paremmin kirjoittamaan luotettavampaa ja virheettömpää JavaScript-koodia. Joten kun seuraavan kerran työskentelet JavaScriptin muuttujien kanssa, muista aina tarkistaa, etteivät ne ole nolla-arvoja ennen niiden käyttöä.