Tanım
JavaScrip'te koşullar, Belirlenen olayın Doğru veya Yanlış olup olmadığını kontrol eden fonksiyondur. JavaScript koşullarını tanımlamak için if, else fonksiyonlarından yararlanırız.
Kullanım
JavaScript'te if, else yapıları kullanılırken koşul ve koşulun sağlayacağı fonksiyonuda belirtmemiz gerekmektedir. Aşağıdaki bir örnek kullanımdır.
JavaScrip'te koşullar, Belirlenen olayın Doğru veya Yanlış olup olmadığını kontrol eden fonksiyondur. JavaScript koşullarını tanımlamak için if, else fonksiyonlarından yararlanırız.
Kullanım
JavaScript'te if, else yapıları kullanılırken koşul ve koşulun sağlayacağı fonksiyonuda belirtmemiz gerekmektedir. Aşağıdaki bir örnek kullanımdır.
JavaScript:
if(kosul) {
// Koşul sağlanıyorsa buraya yazılan kodlar çalışır.
} else {
// Koşul Sağlanmıyorsa, Tersi ise bu kodlar çalışır.
}
if(kosul) = True ( Doğru ) değerini döndürür. Eğer içine yazılan fonksiyon doğru ise, Yani True değerine eşit oluyor ise içindeki kodlar çalışır.
else {} = False ( Yanlış ) değerini döndürür. Eğer içine if()'e yazılan fonksiyon yanlış ise, Yani False değerine eşit oluyor ise içindeki kodlar çalışır.
Kafamıza Kazıyalım
Mesela bir örnek yapmak gerekirse, Ali'nin 5 tane elması olsun diyelim. Ahmet'inde yine 5 tane elması olduğunu varsayalım. JavaScript ile elma sayılarının eşit olup olmadığını, Elma sayılarının kimin kimden fazla olduğunu gibi birçok işlemi koşullar ile yapabiliriz.
Mesela bir örnek yapmak gerekirse, Ali'nin 5 tane elması olsun diyelim. Ahmet'inde yine 5 tane elması olduğunu varsayalım. JavaScript ile elma sayılarının eşit olup olmadığını, Elma sayılarının kimin kimden fazla olduğunu gibi birçok işlemi koşullar ile yapabiliriz.
JavaScript:
ali = 5; // Ali'de 5 tane elma varmış.
ahmet = 5; // Ahmette'de 5 tane elma varmış.
if(ali == ahmet) { // Alinin ve Ahmet'in değerleri birbirine eşit ise if bloğunu çalıştır.
alert("Ali ile Ahmet'in elma sayıları eşittir.")
} else { // Ali ile Ahmet'in değerleri birbirine eşit değil ise else bloğunu çalıştır.
alert("Ali ile Ahmet'in elma sayıları eşit değildir.")
}
Ali ile Ahmet'in elma sayıları eşittir.
- Uyarı: Koşullarda eşitleme işlemleri yapılırken ( = ) tek eşittir ifadasi uygulanmaz. Bunun için ( == ) iki eşittir ifadesi kullanmamız gerekmektedir. Bunun ile değerlerin birbirine eşit olup olmadığını kontrol edebiliriz. ( === ) Üç eşittir ifadesi JavaScript'te "Denktir" anlamına gelmektedir. Veri Türlerine göre çalışır. Hem değerlerin birbirine eşitliğini, Hemde değerlerin türlerine göre işlem yapar. Number veri türüyle String veri türü birbirine eşit değildir.
Denktir İşlemi
JavaScript'te Denktir ifadesi ( === ) Üç işaret ile tanımlanır. Değerlerin eşitliğini ve türlerini kontrol eder. Mesela bir String verimiz birde number veri türümüz olsun diyelim. Bu iki değer birbirine eşit olsa bile veri türleri aynı olmadığından dolayı koşul sağlanamayacaktır.
Denktir İşlemi
JavaScript'te Denktir ifadesi ( === ) Üç işaret ile tanımlanır. Değerlerin eşitliğini ve türlerini kontrol eder. Mesela bir String verimiz birde number veri türümüz olsun diyelim. Bu iki değer birbirine eşit olsa bile veri türleri aynı olmadığından dolayı koşul sağlanamayacaktır.
JavaScript:
if(10 === "10") {
alert("Birbirine Eşittir.");
} else {
alert("Birbirine eşit değildir.");
}
Yukarıdaki örnekte iki değerin birbirine eşit olmasına rağmen veri türleri farklı olduğu için koşul sağlanamayacak ve else komut bloğu çalışacaktır.
Birbirine eşit değildir.
Operatörler
Büyüktür ( > ) = Bir değerin bir değerden büyük olup olmadığını kontrol eder.
JavaScript:
if(10 > 20) { // 10 büyük müdür 20'den
alert("Doğru");
} else {
alert("Yanlış");
}
Yanlış
Küçüktür ( < ) = Bir değerin bir değerden küçük olup olmadığını kontrol eder.
JavaScript:
if(10 < 20) { // 10 küçük müdür 20'den
alert("Doğru");
} else {
alert("Yanlış");
}
Doğru
Ve ( && ) = İki tane koşul belirtilir. İki koşul verdiği True False koşulu birbirine eşit koşul sağlanır. İçerisinden birisi True = True veya False = False olarak birbirine eşit olmuyorsa koşul sağlanmaz.
JavaScript:
if(5 == 5 && 10 == 10) { // 5 eşitse 5'e ve 10 eşitse 10'a
alert("Doğru");
} else {
alert("Yanlış");
}
Doğru
JavaScript:
if(5 == 7 && 10 == 10) { // 5 eşitse 7'e ve 10 eşitse 10'a
alert("Doğru");
} else {
alert("Yanlış");
}
Yanlış
Veya ( || ) = İki tane koşul belirtilir. Koşulardan herhangi birisi koşulu sağlıyor ise if bloğunu çalıştırır. İki koşuldan ikiside koşulu sağlayamıyor ise False değerini döndürür.
JavaScript:
if(5 == 7 || 10 == 10) { // 5 eşitse 7'e veya 10 eşitse 10'a
alert("Doğru");
} else {
alert("Yanlış");
}
Doğru
JavaScript:
if(4 == 7 || 10 == 30) { // 4 eşitse 7'e veya 10 eşitse 30'a
alert("Doğru");
} else {
alert("Yanlış");
}
Yanlış
== | Eşitse | 1 == 1 | Sonuç: True | 2 == 1 | Sonuç: False | |
=== | Denk ise | 12 === 12 | Sonuç: True | 12 === 12 | Sonuç: False | |
!= | Eşit Değilse | 21 != 10 | Sonuç: True | 21 != 21 | Sonuç: False | |
< | Küçük ise | 10 < 20 | Sonuç: True | 20 < 10 | Sonuç: False | |
> | Büyük ise | 20 > 10 | Sonuç: True | 10 > 20 | Sonuç: False | |
<= | Hem küçük, Hem eşit ise | 12 <= 12 | Sonuç: True | 12 <= 13 | Sonuç: False | |
>= | Hem büyük, Hem eşit ise | 21 >= 21 | Sonuç: True | 13 <= 12 | Sonuç: False | |
&& | ve | 12 == 12 && 21 == 21 | Sonuç: True | 12 == 7 && 21 == 21 | Sonuç: False | İkside eşit olması lazım |
|| | Veya | 21 == 21 || 12 == 2 | Sonuç: True | 21 == 5 || 12 == 2 | Sonuç: False | Tek birisi olsa bile yeter |
! | Değilse | 6 ! 2 | Sonuç: True | 6 ! 6 | Sonuç: False |
Örnek
Ehliyet Yaşı Örneği
Ehliyet Yaşı Örneği
JavaScript:
yas = 17;
if(yas <= 18) {
alert(18 - yas + " Yıl sonra ehliyet alabileceksiniz.");
} else {
alert(yas - 18 + " Yıl önce ehliyet alma yaşınız gelmiş. Bence hemen bir ehliyet almalısınız");
}
1 Yıl sonra Ehliyet alabileceksiniz.