JavaScript de switch case yapısı, farklı koşullara göre farklı kodları çalıştırmak için kullanılır.
JavaScript switch case Kullanımı
Kullanımı şu şekildedir:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<script> switch(ifade) { case x: // Çalıştırılacak kodlar break; case y: // Çalıştırılacak kodlar break; default: // Çalıştırılacak kodlar } </script> |
Kodların çalışma mantığı ise şu şekildedir :
⇒ switch içerisinde istediğimiz bir ifadeyi yazıyoruz.
⇒ Yazdığımız ifade sırasıyla tüm case’lerde yazılan ifadeler ile karşılaştırılır.
⇒ İfadelerin eşleşme durumunda ilgili kod bloğu çalıştırılır.
⇒ Kodlar çalıştırıldıktan sonra break anahtar kelimesi ile sonlandırılır.
⇒ Eğer switch’deki ifade ile case’lerdeki ifadelerin hiç birisi eşleşmezse o zaman default kısmında yazılan kodlar çalıştırılır.
Örnek Bugünün adını console ekranına yazdıralım. (Örneklerimizi bugün günlerden Çarşamba olduğunu varsayarak inceleyiniz.)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<script> switch (new Date().getDay()) { case 0: gun = "Pazar"; break; case 1: gun = "Pazartesi"; break; case 2: gun = "Salı"; break; case 3: gun = "Çarşamba"; break; case 4: gun = "Perşembe"; break; case 5: gun = "Cuma"; break; case 6: gun = "Cumartesi"; } console.log(gun); </script> |
Çıktısı : Çarşamba
Yukarıdaki örnekte “new Date().getDay()” kodu geriye 0 ile 6 arasında bir rakam döndürür. (Pazar = 0, Pazartesi = 1, Salı = 2 ..)
Bu rakam ile case’lerdeki ifadeler karşılaştırılıyor. Hangi case ile eşleşirse o kodlar çalıştırılıyor.
Örnek Şimdi de default kullanımını bir örnek üzerinde inceleyelim.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script> switch (new Date().getDay()) { case 6: gun = "Cumartesi"; break; case 0: gun = "Pazar"; break; default: gun = "Bugün hafta sonu değil!"; } console.log(gun); </script> |
Çıktısı : Bugün hafta sonu değil!
İfadeler eşleşmediği için default kısmındaki kodlar çalıştırıldı.
Örnek Bazen farklı anahtar durumlarının aynı kodu kullanmasını isteyebilirsiniz. Son olarak bunun ile ilgili bir örneği inceleyelim.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<script> switch (new Date().getDay()) { case 4: case 5: gun = "Hafta sonuna az kaldı!"; break; case 0: case 6: gun = "Hafta sonu!"; break; default: gun = "Hafta sonuna daha çok var!"; } console.log(gun); </script> |
Çıktısı : Hafta sonuna daha çok var!
Umarım “JavaScript switch case Kullanımı” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
JavaScript for Döngüsü (for, for/in, for/of)
Yeni bir yazımda görüşmek üzere.
Kaynaklar : w3schools
