Bu eğitimde, örnekler yardımıyla JavaScript anahtar deyimi hakkında bilgi edineceksiniz.
JavaScript switch
ifadesi karar vermede kullanılır.
switch
Bildirimi bir ifade olarak değerlendirilir ve ifadenin eşit olması karşılık gelen vücut yürütür.
İfadenin sözdizimi switch
şöyledir:
switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )
switch
İfadesi parantez içinde değişken / ifadeyi değerlendirir ()
.
- İfadenin sonucu eşitse
value1
, gövdesi çalıştırılır. - İfadenin sonucu eşitse
value2
, gövdesi çalıştırılır. - Bu süreç devam ediyor. Eşleşen bir durum yoksa,
default
gövde çalıştırılır.
Notlar:
break
İfadesi isteğe bağlıdır. Break ifadesiyle karşılaşılırsa, switch ifadesi sona erer.- İfade
break
kullanılmazsa, eşleşen durumdan sonraki durumlar da yürütülür. default
Maddesi da isteğe bağlıdır.
Anahtar İfadesinin Akış Şeması

Örnek 1: Switch Deyimini Kullanan Basit Program
// program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);
Çıktı
Değer ikidir.
Yukarıdaki programda, bir ifade a = 2
ile bir ifade değerlendirilir switch
.
- İfadenin sonuç ile değerlendirilir
case 1
hangi sonuçlarınfalse
. - Ardından
switch
ifade ikinci vakaya gider. Burada ifadenin sonucu ile eşleşiyorcase 2
. Yani değer iki görüntülenir. break
Deyim programının blok ve kontrol akış dışına atlar sonlandırırswitch
blokta.
Örnek 2: Anahtar Bildiriminde Tür Denetimi
// program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);
Çıktı
Değer birdir.
Yukarıdaki programda, bir ifade a = 1
ile bir ifade değerlendirilir switch
.
- JavaScript'te, switch deyimi değeri kesinlikle kontrol eder. Yani ifadenin sonucu ile uyuşmuyor
case "1"
. - Ardından
switch
ifade ikinci vakaya gider. Burada ifadelerin sonucu ile eşleşiyorcase 1
. Yani değer bir görüntülenir. break
Deyim programının blok ve kontrol akış dışına atlar sonlandırırswitch
blokta.
Not : JavaScript'te, switch deyimi, ifadenin sonucuyla birlikte vakaları kesinlikle (aynı veri türünde olmalıdır) kontrol eder. Yukarıdaki örnekte 1'in "1" ile eşleşmediğine dikkat edin .
İfadeyle basit bir hesap makinesi yapmak için bir program yazalım switch
.
Örnek 3: Basit Hesap Makinesi
// program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )
Çıktı
Operatörü girin: + Birinci numarayı girin: 4 İkinci numarayı girin: 5 4 + 5 = 9
Yukarıdaki programda, kullanıcıdan + , - , * veya / ve iki işlenen girmesi istenir . Daha sonra switch
ifade, kullanıcı girdisine göre durumları yürütür.
Çoklu Durum İçeren JavaScript anahtarı
Bir JavaScript anahtar deyiminde, vakalar aynı kodu paylaşacak şekilde gruplanabilir.
Örnek 4: Çoklu Durumda Geçiş Yapma
// multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )
Çıktı
elma bir meyvedir.
Yukarıdaki programda birden çok vaka gruplandırılmıştır. Gruplanmış tüm vakalar aynı kodu paylaşır.
Meyve değişkeninin değeri mango
veya değerine pineapple
sahip olsaydı, çıktı aynı olurdu.
Önerilen makaleler
- Kesintisiz JavaScript anahtarı
- Değiştir Vs if… else İfadesi