JavaScript web geliştirmede yaygın olarak kullanılan popüler bir programlama dilidir. JavaScript'teki en yaygın görevlerden biri, bir değişkenin bir değişkene sahip olup olmadığını kontrol etmektir. değer veya Olumsuz . Bir değişkenin bir değeri olabilir değer veya hükümsüz yani hiçbir değeri yoktur. Boş bir değişken üzerinde işlem yapmaya çalışırsanız kodunuzda hatalara neden olabilir. Bu nedenle, bir değişkeni kullanmadan önce null olup olmadığını kontrol etmek önemlidir.
Bu makalede, JavaScript'te bir değişkenin null olup olmadığını kontrol etmenin farklı yollarını inceleyeceğiz.
1. '!== null' Operatörünü Kullanma:
JavaScript'te bir değişkenin null olup olmadığını kontrol etmenin en basit yolu ' !== null' operatörü . Bu operatör bir değişkenin değerinin null olup olmadığını kontrol eder. İşte bir örnek:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Değişken myVar verilir değer boş bu kodda. eğer cümleciği olup olmadığını belirlemek myVar null değerine eşit değildir. Konsol görüntülenecektir 'Değişken boş değil' koşul doğruysa (yani, myVar boş değil). Aksi halde yazdırılacaktır 'Değişken boş' koşul yanlışsa (yani myVar boşsa) konsola.
Çıktı şöyle olacaktır:
Variable is null
MyVar'ım değer verilir hükümsüz , dolayısıyla else bloğunun kodu koşul nedeniyle gerçekleştirilir myVar!== null yanlış olarak değerlendiriliyor, günlüğe kaydediliyor 'Değişken boş' konsol.
2. 'typeof' Operatörünü Kullanma:
Bir değişkenin null olup olmadığını kontrol etmenin başka bir yolu da 'typeof' operatörü . 'typeof' operatörü Bir değişkenin türünü döndürür. Bir değişken ise hükümsüz , 'bir çeşit' operatör geri dönecek 'nesne'. İşte bir örnek:
boolean'a Java dizesi
let myVar = null; if (typeofmyVar === 'object' &&myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Bu kodda değişken myVar değer verilir hükümsüz . türü myVar daha sonra kullanılarak doğrulanır oper türü bu durumda null için 'nesne' sonucunu verecek olan ator.
if ifadesi tarafından iki koşul kontrol edilir:
typeofmyVar === 'nesne': Bu test, olup olmadığını belirler. myVar'ın tür 'nesne'dir. O zamandan beri 'nesne' tarafından iade edilir bir çeşit null, bu gerekli. Bu gereksinim myVar'ın başka bir tür değil, bir nesne olduğunu garanti eder.
myVar!== null: Bu test, olup olmadığını belirler. myVar null'a eşittir. bir çeşit operatör tek başına null ve diğer nesneler arasında ayrım yapamaz, bu da daha fazla kontrol gerektirir.
MyVar günlüğe kaydedilecek 'Değişken boş değil' her iki koşulun da olması, yani hem nesne olması hem de nesne olmaması durumunda konsola hükümsüz , Doğrudur. Aksi halde çıktı verir 'Değişken boş' Koşullardan herhangi biri yanlışsa konsola.
Çıktı şöyle olacaktır:
Variable is null
Açıklama:
İlk koşul typeofmyVar === 'nesne' değerlendirir doğru Çünkü myVar değeri var hükümsüz ama ikinci şart myVar!== null değerlendirir YANLIŞ Çünkü myVar değeri var hükümsüz . Sonuç olarak else bloğunun kodu çalıştırılır ve 'Değişken boş' konsola yazdırılır.
3. 'Boş' Anahtar Kelimeyi Kullanma:
Ayrıca bir değişkenin null olup olmadığını da kontrol edebilirsiniz. 'hükümsüz' anahtar kelime. 'hükümsüz' anahtar kelime herhangi bir nesne değerinin yokluğunu temsil eder. İşte bir örnek:
let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Bu kodda değişken myVar null değeri verilir. eğer cümleciği olup olmadığını belirlemek myVar eşit değil hükümsüz .
MyVar'ım koşul boş değilse myVar!== null değerlendirir doğru . Böyle bir durumda if bloğunun işlevi çalıştırılacaktır. Yorum '// bir şey yap' örnek kodda, içine ekleyebileceğiniz kodu belirtir. eğer bloke edersen değişken boş olmadığında istenen eylemi gerçekleştirmek için.
Öte yandan eğer test myVar!== null İadeler YANLIŞ , myVar aslında boştur. Daha sonra else bloğunun işlevi bu senaryoda çalıştırılacaktır. Değişken, günlüğe kaydedilen sağlanan kodda boş olarak bildirildi 'Değişken boş' konsola.
Çıktı şöyle olacaktır:
Variable is null
Açıklama:
Kondisyon myVar!== null null değeri atandığı için false olarak değerlendirilir myVar . Sonuç olarak else bloğunun kodu çalıştırılır ve 'Değişken boş' konsola yazdırılır.
4. Çift Ünlem İşaretini Kullanmak (!!):
çift ünlem işareti bir değişkenin JavaScript'te boş olup olmadığını kontrol etmenin başka bir yoludur. Çift ünlem işareti, bir değeri Boolean değerine dönüştürmek için kullanılır. Bir değişken null değilse çift ünlem işareti döndürülür 'doğru'. İşte bir örnek:
let myVar = null; if (!!myVar) { console.log('Variable is not null'); } else { console.log('Variable is null'); }
Bu kodda değişken myVar null değeri verilir. Değişken, kullanılarak çift olumsuzlamaya tabi tutulur. !! Şebeke . Bir değeri eşleşmesine dönüştürmenin bu yöntemi boole gösterimi sıklıkla kullanılmaktadır.
çifte olumsuzlama eğer değişken doğruysa sonuç verir myVar dır-dir doğru . null öğesinin çift olumsuzlaması, null false olarak kabul edildiğinden JavaScript'te false değerini döndürür.
Çift olumsuzlamayı takiben ve kontrol etmeden önce boolean değeri myVar , if ifadesi. İçindeki kod eğer bloke edersen değişkenin değeri ise gerçekleştirilecektir, myVar , dır-dir doğru ve ne boş ne de yanlış.
Buna karşılık, eğer değer yanlış, myVar boş veya yanlıştır. Daha sonra else bloğunun işlevi bu senaryoda çalıştırılacaktır. Değişken, günlüğe kaydedilen sağlanan kodda boş olarak bildirildi 'Değişken boş' konsola.
Çıktı şöyle olacaktır:
Variable is null
Açıklama:
MyVar'ım değer verilir hükümsüz , Böylece çifte olumsuzluk!! kullanılır ve değeri myVar dır-dir YANLIŞ . Sonuç olarak else bloğunun kodu çalıştırılır ve 'Değişken boş' konsola yazdırılır.
5. Üçlü Operatörün Kullanımı:
üçlü operatör yazmanın kısa bir yoludur 'eğer' ifadesi . Bir değişkenin boş olup olmadığını kontrol etmek için kullanılabilecek tek satırlık bir yazıdır. İşte bir örnek:
let myVar = null; myVar !== null ? console.log('myVar is not null') : console.log('myVar is null');
Bu kodda değişken myVar değer verilir hükümsüz . Kondisyon myVar!== null kullanılarak kontrol edilir üçlü operatör?: . MyVar'ım değil hükümsüz eğer durum myVar!== null değerlendirir doğru . Bu durumda, console.log('myVar boş değil') ?'den önce gelen ifadeyi yürütmek için kullanılacaktır.
Öte yandan eğer test myVar!== null İadeler YANLIŞ , myVar Aslında hükümsüz . Bu durumda, console.log('myVar boş') Aşağıdaki ifadeyi yürütmek için kullanılacaktır:.
çoğullama
Çıktı şöyle olacaktır:
myVar is null
Açıklama:
Kondisyon myVar!== null değerlendirir YANLIŞ çünkü myVar'a null değeri atanmıştır. Bu nedenle: ifadesini takip eden ifade çalıştırılır ve 'myVar boş' konsola yazdırılır.
Çözüm:
Bu makalede, JavaScript'te bir değişkenin null olup olmadığını kontrol etmenin farklı yollarını araştırdık. Kullanmayı seçip seçmediğiniz '!== boş' operatörü , 'typeof' operatörü, the 'boş' anahtar kelime , çift ünlem işareti , üçlü operatör , veya isteğe bağlı zincirleme kodunuzdaki hataları önlemek için, bir değişkeni kullanmadan önce her zaman boş olup olmadığını kontrol etmeniz önemlidir.
Bu farklı teknikleri anlayarak daha güvenilir ve hatasız JavaScript kodu yazmak için daha donanımlı olacaksınız. Bu nedenle, bir dahaki sefere JavaScript'te değişkenlerle çalıştığınızda, bunları kullanmadan önce her zaman boş olup olmadıklarını kontrol etmeyi unutmayın.