JavaScript Switch Case Kullanımı, Switch Örnekleri

Birden fazla koşul için gerekli olan kontrolü yapan if-else- kullanımına alternatif olabilen kontrol ifadesidir.

Switch komutunda dikkat edilmesi gereken önemli nokta, case ifadesi içerisinde kodlar yazıldıktan sonra bir diğer case ifadesine geçerken mutlaka break komutu kullanılmasıdır.

Switch kullanımı:
switch (deger)
{
case a:
// a kod bloğu içinde çalışacak komutlar
break;
case b:
// b kod bloğu içinde çalışacak komutlar
break;
.
.
.
default:
yukarıdaki komutlardan hiçbiri çalışmazsa gerçekleşecek komutlar
break;
}

Switch örnekleri

Örnek 1:Klavyeden girilecek değere göre yazı rengini değiştiren javascript switch kodları.

var renk=prompt("Kırmızı için 1, <yeşil için 2, Mavi için 3'e basınız..");
var yazi=prompt("Yazıyı giriniz...");
switch (renk)
{
case "1":
document.write("<font color=red>"+yazi+"</font>");
break;
case "2":
document.write("<font color=green>"+yazi+"</font>");
break;
case "3":
document.write("<font color=blue>"+yazi+"</font>");
break;
default:
document.write("Klavyeden farklı bir değer girdiniz...");
}

Örnek 2-İçinde bulunulan günün hangi gün olduğunu bulan javascript kodları

<script>
var tarih=new Date( );
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.write("Bugün günlerden"+day);
}
</script>

Örnek 3- Seçilen işleme göre 4 işlem yapan javascript kodları

<script>
var sonuc;
var islem="*";
var sayi1=parseInt(prompt("1. sayıyı giriniz..."));
var sayi2=parseInt(prompt("2. sayıyı giriniz..."));
 
switch (islem)
{
   case "+": sonuc=sayi1 + sayi2; break;
   case "-": sonuc=sayi1 - sayi2; break;
   case "*": sonuc=sayi1 * sayi2; break;
   case "/": sonuc=sayi1 / $sayi2;
   default:  alert ("Yanlış karakter girdiniz...");
}
alert ("Sonuç..:" + sonuc);
</script>