Bazı durumlarda bir işlemin yapılabilmesi için bir koşulun sağlanması gerekebilir. Bu gibi durumlarda koşul ifadelerini kullanırız. Bizde bu yazımızda Javascript dilinde koşul ifadeleri konusunu işleyeceğiz.

Javascript If-Else Yapısı

if(koşul1)      
    ifade1;
else if(koşul2) //gerekiyorsa
    ifade2;
.
.
.
else
    ifade(n);

Burada en basit haliyle bir if-else bloğu nasıl tanımlanır görüyoruz. Eğer koşul1 sağlanırsa ifade1 yapılır ve koşul yapısından çıkılır. Koşul1 sağlanmıyorsa koşul2 kontrol edilir ve bu şekilde bir koşul sağlanana kadar devam eder. Hiç bir koşul sağlanmıyorsa, else satırındaki ifade(n) çalıştırılır ve koşul ifadesi sonlanır.

Koşul Operatörleri

Yukarıda da belirttiğimiz gibi bir işlemin yapılabilmesi için bir veya birden fazla koşulun sağlanması gerekebilir. Bu koşulların kontrolünü koşul operatörleri ile kontrol ederiz. İki çeşit koşul operatörü vardır. Bunlar karşılaştırma operatörleri ve mantıksal operatörler.

Karşılaştırma Operatörleri

Karşılaştırma operatörleri, karar aşamasında hangi ifadenin doğru, hangi ifadenin yanlış olduğunu kontrol etmemize yarar. Javascript programlama dilinde bir çok yerde karşılaştırma operatörlerini kullanacağız.

OperatörKullanımıAnlamı
==x == yx, y’ye eşitse
!=x != yx, y’ye eşit değilse
===x===yx ve y’nin türleri eşitse
!==x!==yx ve y’nin türleri eşit değilse
>x > yx, y’den büyükse
<x < yx, y’den küçükse
>=x >= yx, y’den büyük veya eşitse
<=x <= yx, y’den küçük veya eşitse
Karşılaştırma Operatörleri

Mantıksal Operatörler

Mantıksal operatörler birden fazla ifade karşılaştırılıyorsa kullanılır.

Bu yazı dikkatini çekebilir.   SQL Between Komutu ve Örnekleri
OperatörKullanımıAnlamı
&&(ifade1) && (ifade2)ifade1 ve ifade2 değerlerinin her ikisi de doğruysa
||(ifade1) || (ifade2)ifade1 ve ifade2 değerlerinin ikisinden biri doğruysa
!!(ifade1)ifade1 doğru değilse
Mantıksal Operatörler

Javascript If-Else Örnek Kullanımı Kullanımı

Javascript İki Koşullu if-else Örneği

var yas=10;
if(yas < 18){
    document.write("Çocuk");
}
else{
    document.write("Yetişkin");
}

Buradaki if ifadesi eğer yaş 18’den küçükse çalışacak. Yaş 10 olduğu için ilk koşul çalışır ve ekrana ‘Çocuk’ yazdırılır. Eğer yaş değişkeni 18’den büyük olsaydı ekrana ‘Yetişkin’ yazdırılacaktı.

Javascript İkiden Fazla Koşullu if-else Örneği

İşi bir daha zorlaştıralım ve koşul sayısını arttıralım.

var not=3;
if(not == 1){
    document.write("Başarısız ");
}
else if(not == 2){
    document.write("Geçer");
}
else if(not == 3){
    document.write("Orta");
}
else if(not == 4){
    document.write("İyi");
}
else if(not == 5){
    document.write("Pek iyi");
}
else{
    document.write("Geçersiz Not");
}

Burada da doğru koşulu bulana kadar her bir if ve else if ifadesine bakılacak. not değişkeni 3 olduğu için ekrana ‘Orta’ yazılacak.

Javascript If-Else’de Çoklu Koşullar Örneği

Bazı durumlarda tek bir if ifadesi içerisinde birden fazla koşulu kontrol edebiliriz. Bu gibi durumlara çoklu koşullar denir. Bunu da mantıksal operatörler ile yaparız.

var sinavNotu = 55
if(sinavNotu > 49 &&  sinavNotu <= 100) //sınav notu 49'dan büyük,100'den küçük veya eşit olmalı.
    document.write("Tebrikler, geçtiniz.");
else if(sinavNotu >= 0 &&  sinavNotu <= 49) //sınav notu 0'dan büyük veya eşit,49'den küçük veya eşit olmalı.
    document.write("Kaldınız.");
else
    document.write("Yanlış not girdiniz.");

Burada sinavNotu değişkeni 55 olduğu için ilk if koşulu çalışır ve ekrana ‘Tebrikler, geçtiniz.’ yazar.

Javascript If-Else Kısa Kullanım

( koşul ) ? doğruysa : yanlışsa;

Bazı durumlarda tek satırda koşulları kontrol edebiliyoruz. Hemen bir örneğini görelim.

var yas=10;
(yas < 18) ? document.write("Çocuk") : document.write("Yetişkin");

Burada koşul doğru olduğu için ilk ifade çalışır ve ekrana ‘Çocuk’ yazdırılır.

Javascript if else Örnekleri

Eğer konu hakkında pratik yapmak ve öğrendiklerinizi pekiştirmek istiyorsanız aşağıda bulunan Javascript if else örneklerini çözebilirsiniz.

Eğer daha fazla Javascript if else örneği çözmek isterseniz ‘Javascript Örnekleri‘ kategorimize göz atabilirsiniz.


Bu yazımızda Javascript koşul ifadeleri konusunu işledik. Umarım faydalı olmuştur. Diğer Javascript derslerimizi de okumak isterseniz buradan tümüne ulaşabilirsiniz.