JavaScript IF Deyimi

Programlamada kullanılan en temel kontrol yapısı if deyimidir. if bloğu, belirli bir koşulun doğru (true) veya yanlış (false) olmasına göre kodun hangi bölümünün çalışacağını belirler.

Nerelerde Kullanılır?
  • Form doğrulama (boş alan kontrolü)
  • Kullanıcı giriş kontrolleri
  • Yetki / rol kontrolü
  • Sayfa davranışlarını koşula göre değiştirme

IF – ELSE Yapısının Genel Biçimi

JavaScript’te if yapısı aşağıdaki temel şablona sahiptir:


    if (koşul) {
      // koşul doğruysa çalışır
    } else {
      // koşul yanlışsa çalışır
    }
    
    
Modern Not
Eski örneklerde görülen <script language="JavaScript"> kullanımı artık önerilmez. Sadece <script> yeterlidir.

Basit Bir IF Örneği

Aşağıdaki örnekte bir değişkenin değeri kontrol edilmekte ve duruma göre farklı mesajlar yazdırılmaktadır.


let site = "www.ME.com.tr";

if (site === "www.ME.com.tr") {
  console.log("Şu anda bulunduğunuz sitenin adresi: www.ME.com.tr");
} else {
  console.log("Şu anda ME.com sitesinde değilsiniz.");
}
Neden ===?
=== operatörü hem değeri hem de türü karşılaştırır. Bu yüzden == yerine tercih edilmelidir.

ELSE IF Kullanımı

Birden fazla koşul kontrol edilecekse else if yapısı kullanılır.


let puan = 75;

if (puan >= 85) {
  console.log("Pekiyi");
} else if (puan >= 70) {
  console.log("İyi");
} else if (puan >= 50) {
  console.log("Geçer");
} else {
  console.log("Kaldı");
}

Kısa IF (Ternary Operator)

Basit koşullarda if-else yerine ternary operatör kullanılabilir.


let yas = 18;

let durum = (yas >= 18) ? "Reşit" : "Reşit değil";
console.log(durum);
Püf Nokta
Ternary operatörü karmaşık yapılarda kullanmak kodun okunabilirliğini düşürür. Sadece basit koşullar için tercih edilmelidir.

JavaScript’te Truthy / Falsy Değerler

JavaScript’te her değer true veya false gibi davranabilir. Buna truthy / falsy kavramı denir.


// Falsy değerler
false
0
""
null
undefined
NaN

// Diğer tüm değerler truthy kabul edilir
İnce İpucu
if (degisken) yazımı, değişkenin boş olup olmadığını hızlıca kontrol etmek için sıkça kullanılır.

Sık Yapılan Hatalar

  • = ile == veya === karıştırmak
  • Karşılaştırmalarda tür farkını göz ardı etmek
  • Çok karmaşık if-else zincirleri yazmak
  • Basit durumlarda ternary yerine uzun if blokları kullanmak

Özet

  • if yapısı koşullu kontrol sağlar
  • else if birden fazla durumu kontrol etmek için kullanılır
  • === operatörü her zaman daha güvenlidir
  • Ternary operatör kısa ve sade durumlar için uygundur