Dinamik ve duyarlı JavaScript uygulamaları oluşturmak için koşullu mantığı (conditional logic) öğrenmek çok önemlidir. Bu makale, if
ifadeleriniz içinde birden fazla koşulu nasıl etkili bir şekilde ele alacağınızı ve kodunuzun gücünü ve esnekliğini önemli ölçüde artıracağınızı ele almaktadır.
İçindekiler
- Birden Fazla Koşul için Mantıksal Operatörler Kullanımı
- AND ve OR Operatörlerini Birleştirme
- İç İçe
if
İfadeleri Kullanımı - Özlü Mantık için Üçlü Operatör
Birden Fazla Koşul için Mantıksal Operatörler Kullanımı
JavaScript’in mantıksal operatörleri, birden fazla koşulu ele almanın temelini oluşturur. Daha karmaşık koşullu ifadeler oluşturmak için Boole ifadelerini birleştirmenize olanak tanırlar. Üç temel mantıksal operatör şunlardır:
&&
(VE): Yalnızca tüm ifadelertrue
isetrue
döndürür.||
(VEYA): En az bir ifadetrue
isetrue
döndürür.!
(DEĞİL): Bir ifadenin Boole değerini tersine çevirir (true
,false
olur ve bunun tersi).
VE (&&
) kullanarak örnek:
let yas = 25;
let ehliyetVar = true;
if (yas >= 18 && ehliyetVar) {
console.log("Araba kullanmaya uygunsuz.");
} else {
console.log("Araba kullanmaya uygun değilsiniz.");
}
VEYA (||
) kullanarak örnek:
let haftaSonuMu = true;
let tatilMi = false;
if (haftaSonuMu || tatilMi) {
console.log("Rahatlama zamanı!");
} else {
console.log("Çalışma günü.");
}
DEĞİL (!
) kullanarak örnek:
let girisYapildiMi = false;
if (!girisYapildiMi) {
console.log("Lütfen giriş yapın.");
} else {
console.log("Tekrar hoş geldiniz!");
}
AND ve OR Operatörlerini Birleştirme
Daha karmaşık koşullar oluşturmak için &&
ve ||
operatörlerini birleştirebilirsiniz. Değerlendirme sırasını kontrol etmek için parantezler ()
çok önemlidir. Öncelik sırasını unutmayın: !
(DEĞİL) en yüksek önceliğe sahiptir, ardından &&
(VE) ve sonra ||
(VEYA) gelir.
AND ve OR’ı birleştiren örnek:
let sicaklik = 25;
let gunesliMi = true;
let yagmurluMu = false;
if ((sicaklik > 20 && gunesliMi) || yagmurluMu) {
console.log("Dışarı çıkmak için iyi bir gün, ama yağmurluysa şemsiye getirin.");
} else {
console.log("Belki bugün içeride kalın.");
}
İç İçe if
İfadeleri Kullanımı
Karmaşık senaryolar için, iç içe if
ifadeleri birden fazla koşul düzeyini ele almanın net bir yolunu sağlar. Her iç içe if
ifadesi, yalnızca dış if
koşulu karşılandığında değerlendirilir.
let yas = 15;
let ebeveynIzniVar = true;
if (yas >= 18) {
console.log("Etkinliğe katılabilirsiniz.");
} else {
if (ebeveynIzniVar) {
console.log("Ebeveyn gözetimiyle etkinliğe katılabilirsiniz.");
} else {
console.log("Etkinliğe katılamazsınız.");
}
}
Özlü Mantık için Üçlü Operatör
Basit koşullu atamalar için, üçlü operatör (koşul ? dogruysaDeger : yanlissaDeger
), tam bir if-else
ifadesine daha özlü bir alternatif sunar.
let yetişkinMi = yas >= 18 ? true : false;
console.log(yetişkinMi); // yas >= 18 ise true, değilse false döndürür
Bu teknikleri öğrenerek, çok çeşitli koşullu senaryoları açıklık ve verimlilikle ele alan sağlam ve uyarlanabilir JavaScript uygulamaları oluşturabilirsiniz.