Bu eğitimde, örnekler yardımıyla JavaScript anahtar deyimi hakkında bilgi edineceksiniz.
JavaScript switchifadesi karar vermede kullanılır.
switchBildirimi 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,
defaultgö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
breakkullanılmazsa, eşleşen durumdan sonraki durumlar da yürütülür. defaultMaddesi da isteğe bağlıdır.
Anahtar İfadesinin Akış Şeması
JavaScript anahtar deyiminin 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 = 2ile bir ifade değerlendirilir switch.
- İfadenin sonuç ile değerlendirilir
case 1hangi sonuçlarınfalse. - Ardından
switchifade ikinci vakaya gider. Burada ifadenin sonucu ile eşleşiyorcase 2. Yani değer iki görüntülenir. breakDeyim programının blok ve kontrol akış dışına atlar sonlandırırswitchblokta.
Ö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 = 1ile bir ifade değerlendirilir switch.
- JavaScript'te, switch deyimi değeri kesinlikle kontrol eder. Yani ifadenin sonucu ile uyuşmuyor
case "1". - Ardından
switchifade ikinci vakaya gider. Burada ifadelerin sonucu ile eşleşiyorcase 1. Yani değer bir görüntülenir. breakDeyim programının blok ve kontrol akış dışına atlar sonlandırırswitchblokta.
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 switchifade, 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 mangoveya değerine pineapplesahip olsaydı, çıktı aynı olurdu.
Önerilen makaleler
- Kesintisiz JavaScript anahtarı
- Değiştir Vs if… else İfadesi








