Switch-Case ifadesinin kullanımı if-else if çalışma mantığına benzer. Belirli koşullara göre farklı işlemleri yapmak için kullanılır. Switch-Case temel yapısı aşağıdaki gibidir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | switch (ifade) { case deger1: //ifade, deger1 ile eşleşirse yürütülecek olan kodlar. [break;] case deger2: //ifade, deger2 ile eşleşirse yürütülecek olan kodlar. [break;] ... case degerN: //ifade, degerN ile eşleşirse yürütülecek olan kodlar. [break;] default: //ifade, hiçbir değer ile eşleşmezse yürütülecek olan kodlar. [break;] } |
Şimdi Switch-Case Kullanımıyla ilgili birkaç örnek oluşturalım.
İlk örneğimizde güncel olarak bugünün tarihinden gün bilgisini new Date().getDay(); ile alarak aldığımız bu sayısal verinin Türkçe gün karşılığını ekranda yazdıracağız.
new Date().getDay(); ile 0-6 arası bir sayı geriye dönecektir. Burada dikkat edilmesi gereken;
0-Pazar
1-Pazartesi
..
..
6-Cumartesi
şeklinde değerleri ayarlamak olacaktır.
Şimdi Javascript kodlarımıza bakalım.
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 | <button onclick="GunBul()">Gün Göster</button> <p id="goster"></p> <script> function GunBul(){ var gun=new Date().getDay(); switch (gun) { case 0: day = "PAZAR"; break; case 1: day = "PAZARTESİ"; break; case 2: day = "SALI"; break; case 3: day = "ÇARŞAMBA"; break; case 4: day = "PERŞEMBE"; break; case 5: day = "CUMA"; break; case 6: day = "CUMARTESİ"; } document.getElementById("goster").innerHTML = day; } </script> |
Ekran çıktısı aşağıdaki gibi olacaktır.
İkinci örneğimizde Switch-Case kullanımında birden fazla koşul için aynı değeri nasıl yazdırabileceğimizi göreceğiz. Örneğimizde yine yukarıdaki örneğe benzer bir şekilde gün bilgisini kullanarak hafta içi ya da hafta sonu olduğunu ekranda yazdıracağız.
1-5 arası değer dönmesi durumunda hafta içi 0 veya 6 değeri dönmesi durumunda hafta sonu olarak ekranda yazdıracağız.
Kodlarımız:
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 | <html> <body> <p id="demo"></p> <script> var text; switch (new Date().getDay()) { case 1: case 2: case 3: case 4: case 5: text = "Hafta ici"; break; case 0: case 6: text = "Hafta sonu"; break; default: text = "Tanımsız"; } document.getElementById("demo").innerHTML = text; </script> </body> </html> |
Diğer Örnekler:
- JavaScript Hipotenüs Hesaplama Örneği
- JavaScript Sayısal Loto Örneği
- JavaScript Varmısın Yokmusun Örneği
- JavaScript Dizi İçindeki En Büyük En Küçük Sayıyı Bulma Örneği
- JavaScript Dikdörtgen Alan ve Çevre Hesaplama Örneği
- JavaScript Asal Sayı Kontrol Etme Örneği
- JavaScript Daire Alanı ve Çevresini Hesaplama Örneği
- JavaScript Faktoriyel Hesaplama Örneği
- JavaScript While Döngüsü Örnekleri
- JavaScript Metin İçinde Arama Yapma Örneği
- JavaScript Switch Case Kullanımı Örneği
- JavaScript Rastgele Sayı Üretme Örneği
- JavaScript Girilen Sayının Negatif Pozitif Olduğunu Bulan Örnek
- JavaScript Sayfa Arkaplan Rengini Rastgele Değiştirme Örneği
- JavaScript Dizi Metotları Örnekleri
- JavaScript Km-Mil Çevirme Örneği
- JavaScript Derece-Fahrenayt Çevirme Örneği
- JavaScript Gün İsmini Ekrana Yazdırma Örneği
- JavaScript Sayı Tahmin Oyunu Örneği
- JavaScript Console Log Kullanımı
- JavaScript Kürenin Hacmini Hesaplama Örneği
- JavaScript Üçgenin Alanını Hesaplama Örneği
- JavaScript Çarpım Tablosu Örneği
- JavaScript 3′ e ve 5′ e Tam Bölünebilme Örneği
- JavaScript Karenin Alanı ve Çevresini Hesaplama Örneği
- JavaScript Yazılı Ortalaması Hesaplama Örneği
- JavaScript Try-Catch-Finally Kullanımı Örneği
- JavaScript Div İçeriğini Temizleme Örneği
- JavaScript Switch-Case Kullanımı Örneği
- JavaScript Buttona tıklandığında Kod Çalıştırma Örneği
- JavaScript events(olay) kullanımı Örnekleri
- JavaScript For Döngüsü Karışık Örnekler
- JavaScript Tarih ve Saat Yazdırma Örneği
- JavaScript Fonksiyon Kullanımı Örneği
- JavaScript Vize Final Hesaplama Örneği
- JavaScript onInput Olay Kullanımı Örneği
- JavaScript Kayan Yazı Örneği
- JavaScript Kombinasyon Hesaplama
- JavaScript radio Kullanarak Dört İşlem Örneği
- JavaScript Toplama Çıkarma Çarpma Bölme Örneği
- JavaScript Sayfayı Tam Ekran Yapma Örneği
- JavaScript Fare Konumunu Öğrenme Örneği
- JavaScript Object Kullanımı Örneği
- JavaScript Kalan Karakter Bulma- Karakter Sayma Örneği
- JavaScript Mükemmel Sayı Kontrol Etme Örneği