{"id":37579,"date":"2026-01-09T16:41:00","date_gmt":"2026-01-09T13:41:00","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=37579"},"modified":"2026-01-09T16:41:00","modified_gmt":"2026-01-09T13:41:00","slug":"javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/","title":{"rendered":"JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber"},"content":{"rendered":"

<\/p>\n

JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber<\/h2>\n

JavaScript, dinamik ve etkile\u015fimli web uygulamalar\u0131 geli\u015ftirmek i\u00e7in vazge\u00e7ilmez bir programlama dilidir. Bu dilin temel yap\u0131 ta\u015flar\u0131ndan biri de program ak\u0131\u015f\u0131n\u0131 kontrol eden ifadelerdir. Ko\u015fullu ifadeler, belirli \u015fartlara g\u00f6re farkl\u0131 kod bloklar\u0131n\u0131n \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131n\u0131 sa\u011flar. Bu ko\u015fullu ifadeler aras\u0131nda en s\u0131k kullan\u0131lanlardan biri if-else if-else<\/code> zinciriyken, belirli bir de\u011fi\u015fkenin birden fazla olas\u0131 de\u011ferine g\u00f6re farkl\u0131 eylemler ger\u00e7ekle\u015ftirmek gerekti\u011finde switch<\/code> ifadesi \u00e7ok daha okunabilir ve y\u00f6netilebilir bir alternatif sunar. Bu makalede, JavaScript’teki switch<\/code> ifadesinin ne oldu\u011funu, nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131, avantajlar\u0131n\u0131, s\u0131n\u0131rlamalar\u0131n\u0131 ve en iyi uygulama y\u00f6ntemlerini derinlemesine inceleyece\u011fiz.<\/p>\n

Giri\u015f: Ko\u015fullu Ak\u0131\u015f Kontrol\u00fc ve Switch \u0130fadesinin Yeri<\/h3>\n

Programlamada, bir uygulaman\u0131n davran\u0131\u015f\u0131 genellikle belirli ko\u015fullara ba\u011fl\u0131d\u0131r. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n se\u00e7imine g\u00f6re farkl\u0131 bir i\u015flem yapmak, haftan\u0131n g\u00fcn\u00fcne g\u00f6re farkl\u0131 bir mesaj g\u00f6stermek veya bir hata koduna g\u00f6re belirli bir hata i\u015fleme rutini \u00e7al\u0131\u015ft\u0131rmak gerekebilir. Bu t\u00fcr senaryolar i\u00e7in JavaScript bize if<\/code>, else if<\/code>, else<\/code> ve switch<\/code> gibi kontrol yap\u0131lar\u0131 sunar.<\/p>\n

if-else if-else<\/code> zincirleri, karma\u015f\u0131k mant\u0131ksal ko\u015fullar\u0131 (\u00f6rne\u011fin, bir say\u0131n\u0131n belirli bir aral\u0131kta olup olmad\u0131\u011f\u0131n\u0131 kontrol etmek veya birden fazla de\u011fi\u015fkeni ayn\u0131 anda de\u011ferlendirmek) ele almak i\u00e7in son derece esnektir. Ancak, ayn\u0131 de\u011fi\u015fkenin farkl\u0131, ayr\u0131k de\u011ferlerine g\u00f6re bir\u00e7ok farkl\u0131 yol izlenmesi gerekti\u011finde, uzun bir if-else if<\/code> zinciri h\u0131zla okunaks\u0131z ve bak\u0131m\u0131 zor hale gelebilir. \u0130\u015fte tam bu noktada switch<\/code> ifadesi devreye girer.<\/p>\n

switch<\/code> ifadesi, tek bir ifadenin de\u011ferini birden fazla olas\u0131 de\u011ferle kar\u015f\u0131la\u015ft\u0131r\u0131r ve e\u015fle\u015fen case<\/code> blo\u011fundaki kodu y\u00fcr\u00fct\u00fcr. Bu yap\u0131, \u00f6zellikle bir de\u011fi\u015fkenin bir\u00e7ok farkl\u0131, \u00f6nceden tan\u0131mlanm\u0131\u015f duruma sahip oldu\u011fu senaryolarda kodun daha d\u00fczenli, daha anla\u015f\u0131l\u0131r ve daha verimli olmas\u0131n\u0131 sa\u011flar.<\/p>\n

Temel Switch Yap\u0131s\u0131<\/h3>\n

switch<\/code> ifadesinin temel s\u00f6zdizimi olduk\u00e7a basittir:<\/p>\n

switch (ifade) {\n  case de\u011fer1:\n    \/\/ ifade de\u011fer1 ile e\u015fle\u015fti\u011finde \u00e7al\u0131\u015facak kod\n    break;\n  case de\u011fer2:\n    \/\/ ifade de\u011fer2 ile e\u015fle\u015fti\u011finde \u00e7al\u0131\u015facak kod\n    break;\n  \/\/ ... daha fazla case blo\u011fu\n  default:\n    \/\/ Hi\u00e7bir case e\u015fle\u015fmedi\u011finde \u00e7al\u0131\u015facak kod\n    break; \/\/ default en sondaysa break zorunlu de\u011fildir, ancak iyi bir al\u0131\u015fkanl\u0131kt\u0131r.\n}<\/code><\/pre>\n
Bu yap\u0131y\u0131 ad\u0131m ad\u0131m inceleyelim:<\/p>\n
*   switch (ifade)<\/code>:<\/strong> switch<\/code> ifadesi, parantez i\u00e7inde bir ifade (expression) al\u0131r. Bu ifade, bir de\u011fi\u015fken, bir fonksiyon \u00e7a\u011fr\u0131s\u0131 veya herhangi bir JavaScript ifadesi olabilir. switch<\/code> ifadesi, bu ifadenin sonucunu de\u011ferlendirir ve bu sonucu di\u011fer case<\/code> de\u011ferleriyle kar\u015f\u0131la\u015ft\u0131r\u0131r.
\n*   case de\u011ferX:<\/code>:<\/strong> Her case<\/code> blo\u011fu, switch<\/code> ifadesinin sonucunun kar\u015f\u0131la\u015ft\u0131r\u0131laca\u011f\u0131 belirli bir de\u011feri temsil eder. E\u011fer switch<\/code> ifadesinin sonucu, bir case<\/code> blo\u011funun de\u011ferX<\/code>‘i ile kat\u0131 e\u015fitlik (===<\/code>)<\/strong> kullanarak e\u015fle\u015firse, o case<\/code> blo\u011funun alt\u0131ndaki kod y\u00fcr\u00fct\u00fclmeye ba\u015flar. case<\/code> de\u011ferleri genellikle sabitler veya de\u011fi\u015fmez ifadelerdir, ancak JavaScript’te, case<\/code> etiketinde bir ifade kullanmak m\u00fcmk\u00fcnd\u00fcr ve bu ifade, switch<\/code> ifadesinin de\u011feriyle kar\u015f\u0131la\u015ft\u0131r\u0131lmadan \u00f6nce de\u011ferlendirilir.
\n*   break;<\/code>:<\/strong> break<\/code> anahtar kelimesi hayati \u00f6neme sahiptir. Bir case<\/code> blo\u011fundaki kod y\u00fcr\u00fct\u00fcld\u00fckten sonra, break<\/code> ifadesi switch<\/code> blo\u011fundan \u00e7\u0131k\u0131lmas\u0131n\u0131 sa\u011flar. E\u011fer break<\/code> kullan\u0131lmazsa, kod y\u00fcr\u00fct\u00fclmeye devam eder ve bir sonraki case<\/code> blo\u011funa (veya default<\/code> blo\u011funa) “d\u00fc\u015fer” (fall-through), bu da beklenmedik sonu\u00e7lara yol a\u00e7abilir. Bu durum, bazen kas\u0131tl\u0131 olarak kullan\u0131lsa da, genellikle istenmeyen bir davran\u0131\u015ft\u0131r.
\n*   default:<\/code>:<\/strong> default<\/code> blo\u011fu iste\u011fe ba\u011fl\u0131d\u0131r ve hi\u00e7bir case<\/code> de\u011ferinin switch<\/code> ifadesinin sonucuyla e\u015fle\u015fmemesi durumunda y\u00fcr\u00fct\u00fcl\u00fcr. if-else if-else<\/code> yap\u0131s\u0131ndaki else<\/code> blo\u011funa benzer bir rol \u00fcstlenir. Genellikle switch<\/code> blo\u011funun en sonunda yer al\u0131r, ancak herhangi bir yere yerle\u015ftirilebilir. default<\/code> en sondaysa, break<\/code> kullanmak teknik olarak zorunlu de\u011fildir \u00e7\u00fcnk\u00fc switch<\/code> blo\u011fundan do\u011fal olarak \u00e7\u0131k\u0131l\u0131r, ancak yine de iyi bir pratik olarak kabul edilir.<\/p>\n
Basit Bir \u00d6rnek:<\/strong><\/p>\n
Bir haftan\u0131n g\u00fcn\u00fcn\u00fc temsil eden bir say\u0131ya g\u00f6re g\u00fcn\u00fcn ad\u0131n\u0131 d\u00f6nd\u00fcren bir fonksiyon d\u00fc\u015f\u00fcnelim:<\/p>\n
function gunAdiniGetir(gunNo) {\n  let gunAdi;\n  switch (gunNo) {\n    case 0:\n      gunAdi = \"Pazar\";\n      break;\n    case 1:\n      gunAdi = \"Pazartesi\";\n      break;\n    case 2:\n      gunAdi = \"Sal\u0131\";\n      break;\n    case 3:\n      gunAdi = \"\u00c7ar\u015famba\";\n      break;\n    case 4:\n      gunAdi = \"Per\u015fembe\";\n      break;\n    case 5:\n      gunAdi = \"Cuma\";\n      break;\n    case 6:\n      gunAdi = \"Cumartesi\";\n      break;\n    default:\n      gunAdi = \"Ge\u00e7ersiz G\u00fcn Numaras\u0131\";\n      break;\n  }\n  return gunAdi;\n}\n\nconsole.log(gunAdiniGetir(3)); \/\/ \u00c7\u0131kt\u0131: \u00c7ar\u015famba\nconsole.log(gunAdiniGetir(0)); \/\/ \u00c7\u0131kt\u0131: Pazar\nconsole.log(gunAdiniGetir(7)); \/\/ \u00c7\u0131kt\u0131: Ge\u00e7ersiz G\u00fcn Numaras\u0131<\/code><\/pre>\n
Bu \u00f6rnekte, gunNo<\/code> de\u011fi\u015fkeninin de\u011feri switch<\/code> ifadesi taraf\u0131ndan de\u011ferlendirilir ve e\u015fle\u015fen case<\/code> blo\u011fundaki gunAdi<\/code> de\u011fi\u015fkenine de\u011fer atan\u0131r. break<\/code> ifadesi, do\u011fru case<\/code> bulundu\u011funda switch<\/code> blo\u011fundan hemen \u00e7\u0131k\u0131lmas\u0131n\u0131 sa\u011flar.<\/p>\n
break<\/code> Anahtar Kelimesinin \u00d6nemi (Fall-Through)<\/h3>\n
break<\/code> anahtar kelimesinin switch<\/code> ifadesindeki rol\u00fc kritik \u00f6neme sahiptir. Bir case<\/code> blo\u011fundaki kod y\u00fcr\u00fct\u00fcld\u00fckten sonra, break<\/code> ifadesi switch<\/code> blo\u011fundan \u00e7\u0131k\u0131lmas\u0131n\u0131 sa\u011flar ve program switch<\/code> ifadesinden sonraki koda devam eder. E\u011fer break<\/code> kullan\u0131lmazsa, JavaScript kodu, e\u015fle\u015fen case<\/code> blo\u011fundan sonraki t\u00fcm case<\/code> bloklar\u0131n\u0131 (ve default<\/code> blo\u011funu da) s\u0131rayla y\u00fcr\u00fctmeye devam eder, ta ki bir break<\/code> ifadesiyle kar\u015f\u0131la\u015fana veya switch<\/code> blo\u011funun sonuna ula\u015fana kadar. Bu davran\u0131\u015fa “fall-through” (d\u00fc\u015fme) denir.<\/p>\n
break<\/code> Olmadan \u00d6rnek (Fall-Through):<\/strong><\/p>\n
let meyve = \"elma\";\nswitch (meyve) {\n  case \"elma\":\n    console.log(\"Bu bir elma.\");\n  case \"muz\":\n    console.log(\"Bu bir muz.\");\n  case \"\u00e7ilek\":\n    console.log(\"Bu bir \u00e7ilek.\");\n    break; \/\/ Burada durur\n  default:\n    console.log(\"Bilinmeyen meyve.\");\n}<\/code><\/pre>\n
Yukar\u0131daki kodu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda \u00e7\u0131kt\u0131 \u015fu \u015fekilde olacakt\u0131r:<\/p>\n
Bu bir elma.\nBu bir muz.\nBu bir \u00e7ilek.<\/code><\/pre>\n
meyve<\/code> de\u011fi\u015fkeni “elma” oldu\u011fu i\u00e7in ilk case<\/code> blo\u011fu e\u015fle\u015fir ve “Bu bir elma.” yazd\u0131r\u0131l\u0131r. Ancak break<\/code> olmad\u0131\u011f\u0131 i\u00e7in kod “muz” case<\/code> blo\u011funa d\u00fc\u015fer ve “Bu bir muz.” yazd\u0131r\u0131l\u0131r. Ard\u0131ndan “\u00e7ilek” case<\/code> blo\u011funa d\u00fc\u015fer ve “Bu bir \u00e7ilek.” yazd\u0131r\u0131l\u0131r. Bu noktada bir break<\/code> oldu\u011fu i\u00e7in switch<\/code> blo\u011fundan \u00e7\u0131k\u0131l\u0131r. G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, bu genellikle istenmeyen bir davran\u0131\u015ft\u0131r ve mant\u0131k hatalar\u0131na yol a\u00e7abilir. Bu nedenle, \u00e7o\u011fu durumda her case<\/code> blo\u011funun sonunda break<\/code> kullanmak iyi bir uygulamad\u0131r.<\/p>\n
Kas\u0131tl\u0131 Fall-Through:<\/strong><\/p>\n
Baz\u0131 durumlarda, fall-through<\/code> davran\u0131\u015f\u0131 kas\u0131tl\u0131 olarak kullan\u0131labilir. \u00d6zellikle birden fazla case<\/code> blo\u011funun ayn\u0131 kodu y\u00fcr\u00fctmesi gerekti\u011finde bu y\u00f6ntem pratik olabilir.<\/p>\n
let ayNo = 2; \/\/ \u015eubat\nlet mevsim;\n\nswitch (ayNo) {\n  case 12:\n  case 1:\n  case 2:\n    mevsim = \"K\u0131\u015f\";\n    break;\n  case 3:\n  case 4:\n  case 5:\n    mevsim = \"\u0130lkbahar\";\n    break;\n  case 6:\n  case 7:\n  case 8:\n    mevsim = \"Yaz\";\n    break;\n  case 9:\n  case 10:\n  case 11:\n    mevsim = \"Sonbahar\";\n    break;\n  default:\n    mevsim = \"Ge\u00e7ersiz Ay Numaras\u0131\";\n    break;\n}\n\nconsole.log(mevsim); \/\/ \u00c7\u0131kt\u0131: K\u0131\u015f<\/code><\/pre>\n
Bu \u00f6rnekte, ayNo<\/code> 12, 1 veya 2 oldu\u011funda ayn\u0131 K\u0131\u015f<\/code> mevsimi atan\u0131r. case 12:<\/code> ve case 1:<\/code> bloklar\u0131n\u0131n alt\u0131nda break<\/code> olmamas\u0131, kodu case 2:<\/code> blo\u011funa d\u00fc\u015f\u00fcr\u00fcr ve burada mevsim<\/code> de\u011fi\u015fkenine “K\u0131\u015f” de\u011feri atan\u0131r ve ard\u0131ndan break<\/code> ile switch<\/code> blo\u011fundan \u00e7\u0131k\u0131l\u0131r. Bu, ayn\u0131 mant\u0131\u011f\u0131 tekrar tekrar yazmaktan ka\u00e7\u0131narak kodu daha k\u0131sa ve okunabilir hale getirir.<\/p>\n
default<\/code> Blo\u011fu<\/h3>\n
default<\/code> blo\u011fu, switch<\/code> ifadesinin hi\u00e7bir case<\/code> de\u011feriyle e\u015fle\u015fmemesi durumunda y\u00fcr\u00fct\u00fclen kodu tan\u0131mlar. if-else if-else<\/code> yap\u0131s\u0131ndaki else<\/code> blo\u011funa benzer bir i\u015flevi vard\u0131r. default<\/code> blo\u011fu iste\u011fe ba\u011fl\u0131d\u0131r ve switch<\/code> ifadesinin herhangi bir yerinde bulunabilir, ancak genellikle switch<\/code> blo\u011funun en sonunda yer almas\u0131 okunabilirlik a\u00e7\u0131s\u0131ndan tercih edilir.<\/p>\n
let renk = \"mor\";\nlet mesaj;\n\nswitch (renk) {\n  case \"k\u0131rm\u0131z\u0131\":\n    mesaj = \"K\u0131rm\u0131z\u0131, a\u015fk\u0131n rengidir.\";\n    break;\n  case \"mavi\":\n    mesaj = \"Mavi, denizin ve g\u00f6ky\u00fcz\u00fcn\u00fcn rengidir.\";\n    break;\n  default:\n    mesaj = \"Bu renk hakk\u0131nda \u00f6zel bir bilgim yok.\";\n    break;\n}\n\nconsole.log(mesaj); \/\/ \u00c7\u0131kt\u0131: Bu renk hakk\u0131nda \u00f6zel bir bilgim yok.<\/code><\/pre>\n
Bu \u00f6rnekte, renk<\/code> de\u011fi\u015fkeninin de\u011feri “mor” oldu\u011fu i\u00e7in hi\u00e7bir case<\/code> e\u015fle\u015fmez ve default<\/code> blo\u011fu y\u00fcr\u00fct\u00fclerek mesaj<\/code> de\u011fi\u015fkenine uygun de\u011fer atan\u0131r. default<\/code> blo\u011fu, beklenmeyen veya i\u015flenmemi\u015f durumlar\u0131 yakalamak i\u00e7in \u00e7ok \u00f6nemlidir ve genellikle switch<\/code> ifadelerinde kullan\u0131lmas\u0131 \u00f6nerilir. E\u011fer default<\/code> blo\u011fu en sondaysa, i\u00e7indeki break<\/code> ifadesi teknik olarak zorunlu de\u011fildir, \u00e7\u00fcnk\u00fc switch<\/code> blo\u011fundan do\u011fal olarak \u00e7\u0131k\u0131lacakt\u0131r. Ancak tutarl\u0131l\u0131k ve olas\u0131 yeniden d\u00fczenlemelerde hata riskini azaltmak ad\u0131na break<\/code> kullanmak iyi bir al\u0131\u015fkanl\u0131kt\u0131r.<\/p>\n
switch<\/code> \u0130fadelerinde Kar\u015f\u0131la\u015ft\u0131rma Mekanizmas\u0131<\/h3>\n
JavaScript’teki switch<\/code> ifadesi, switch<\/code> ifadesinin parantez i\u00e7indeki de\u011feri ile her case<\/code> blo\u011funun de\u011ferini kar\u015f\u0131la\u015ft\u0131r\u0131rken kat\u0131 e\u015fitlik operat\u00f6r\u00fc (===<\/code>)<\/strong> kullan\u0131r. Bu, hem de\u011ferin hem de veri tipinin ayn\u0131 olmas\u0131 gerekti\u011fi anlam\u0131na gelir. Gev\u015fek e\u015fitlik operat\u00f6r\u00fc (==<\/code>) gibi tip d\u00f6n\u00fc\u015f\u00fcm\u00fc yapmaz.<\/p>\n
\u00d6rnek:<\/strong><\/p>\n
let sayi = 5;\nlet tip = \"5\";\n\nswitch (sayi) {\n  case \"5\": \/\/ String \"5\"\n    console.log(\"String 5 ile e\u015fle\u015fti.\");\n    break;\n  case 5: \/\/ Number 5\n    console.log(\"Number 5 ile e\u015fle\u015fti.\");\n    break;\n  default:\n    console.log(\"Hi\u00e7bir \u015fey e\u015fle\u015fmedi.\");\n}<\/code><\/pre>\n
Bu kodun \u00e7\u0131kt\u0131s\u0131:<\/p>\n
Number 5 ile e\u015fle\u015fti.<\/code><\/pre>\n
\u00c7\u00fcnk\u00fc sayi<\/code> de\u011fi\u015fkeni bir Number<\/code> (5) oldu\u011fu i\u00e7in, case \"5\"<\/code> blo\u011fuyla e\u015fle\u015fmez (\u00e7\u00fcnk\u00fc veri tipleri farkl\u0131d\u0131r). case 5<\/code> blo\u011fuyla e\u015fle\u015fir \u00e7\u00fcnk\u00fc hem de\u011fer (5) hem de veri tipi (Number<\/code>) ayn\u0131d\u0131r. Bu, switch<\/code> ifadelerini kullan\u0131rken dikkat edilmesi gereken \u00f6nemli bir detayd\u0131r. switch<\/code> ifadesine verdi\u011finiz ifadenin ve case<\/code> etiketlerindeki de\u011ferlerin veri tiplerinin tutarl\u0131 oldu\u011fundan emin olmal\u0131s\u0131n\u0131z.<\/p>\n
Birden Fazla case<\/code> \u0130\u00e7in Ortak Mant\u0131k<\/h3>\n
Yukar\u0131da fall-through<\/code> b\u00f6l\u00fcm\u00fcnde g\u00f6sterildi\u011fi gibi, break<\/code> anahtar kelimesini atlayarak birden fazla case<\/code> blo\u011funun ayn\u0131 kodu y\u00fcr\u00fctmesini sa\u011flayabiliriz. Bu, kod tekrar\u0131n\u0131 \u00f6nlemek ve belirli durum gruplar\u0131 i\u00e7in ortak bir i\u015fleme sahip olmak istedi\u011fimizde olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
\u00d6rnek: Hafta \u0130\u00e7i ve Hafta Sonu Kontrol\u00fc<\/strong><\/p>\n
let gun = \"Cumartesi\";\nlet gunTipi;\n\nswitch (gun) {\n  case \"Pazartesi\":\n  case \"Sal\u0131\":\n  case \"\u00c7ar\u015famba\":\n  case \"Per\u015fembe\":\n  case \"Cuma\":\n    gunTipi = \"Hafta i\u00e7i\";\n    break;\n  case \"Cumartesi\":\n  case \"Pazar\":\n    gunTipi = \"Hafta sonu\";\n    break;\n  default:\n    gunTipi = \"Ge\u00e7ersiz g\u00fcn\";\n    break;\n}\n\nconsole.log(gunTipi); \/\/ \u00c7\u0131kt\u0131: Hafta sonu<\/code><\/pre>\n
Bu \u00f6rnekte, hafta i\u00e7i g\u00fcnler i\u00e7in ayn\u0131 gunTipi<\/code> de\u011feri atan\u0131r ve hafta sonu g\u00fcnler i\u00e7in de ayn\u0131 gunTipi<\/code> de\u011feri atan\u0131r. Bu yakla\u015f\u0131m, her g\u00fcn i\u00e7in ayr\u0131 ayr\u0131 ayn\u0131 kodu yazmaktan \u00e7ok daha etkilidir ve kodun okunabilirli\u011fini art\u0131r\u0131r.<\/p>\n
switch<\/code> \u0130fadelerinin Kullan\u0131m Alanlar\u0131 ve Avantajlar\u0131<\/h3>\n
switch<\/code> ifadeleri, belirli senaryolarda if-else if-else<\/code> zincirlerine g\u00f6re \u00f6nemli avantajlar sunar:<\/p>\n
*   Men\u00fc Se\u00e7imleri:<\/strong> Kullan\u0131c\u0131n\u0131n bir men\u00fcden yapt\u0131\u011f\u0131 se\u00e7ime g\u00f6re farkl\u0131 eylemler ger\u00e7ekle\u015ftirmek. \u00d6rne\u011fin, bir web uygulamas\u0131ndaki navigasyon men\u00fcs\u00fc se\u00e7imleri veya bir komut sat\u0131r\u0131 uygulamas\u0131ndaki se\u00e7enekler.
\n*   Durum Y\u00f6netimi (State Management):<\/strong> Bir uygulaman\u0131n veya bir bile\u015fenin farkl\u0131 durumlar\u0131na g\u00f6re farkl\u0131 davran\u0131\u015flar sergilemesi. Basit bir durum makinesinde (state machine<\/code>), mevcut duruma g\u00f6re bir sonraki eylemi belirlemek.
\n*   Olay \u0130\u015fleme (Event Handling):<\/strong> Farkl\u0131 t\u00fcrdeki olaylar\u0131 (\u00f6rne\u011fin, klavye tu\u015f vuru\u015flar\u0131, fare t\u0131klamalar\u0131) i\u015flerken, olay\u0131n t\u00fcr\u00fcne g\u00f6re belirli bir i\u015flevi \u00e7a\u011f\u0131rmak.
\n*   Hata Kodlar\u0131 veya Durum Kodlar\u0131:<\/strong> Bir API yan\u0131t\u0131ndan d\u00f6nen hata kodlar\u0131na veya HTTP durum kodlar\u0131na g\u00f6re farkl\u0131 hata i\u015fleme mant\u0131\u011f\u0131 uygulamak.
\n*   Okunabilirlik ve D\u00fczen:<\/strong> Bir de\u011fi\u015fkenin bir\u00e7ok ayr\u0131k de\u011ferine g\u00f6re dallanma yap\u0131ld\u0131\u011f\u0131nda, switch<\/code> ifadesi, uzun bir if-else if<\/code> zincirine g\u00f6re \u00e7ok daha d\u00fczenli ve okunabilir bir yap\u0131 sunar. Her case<\/code> blo\u011fu, belirli bir durumu ve o duruma kar\u015f\u0131l\u0131k gelen eylemi a\u00e7\u0131k\u00e7a tan\u0131mlar.
\n*   Potansiyel Performans \u0130yile\u015ftirmeleri:<\/strong> Baz\u0131 JavaScript motorlar\u0131, \u00e7ok say\u0131da case<\/code> blo\u011fu i\u00e7eren switch<\/code> ifadelerini dahili olarak bir atlama tablosu (jump table) gibi optimize edebilir. Bu, her if-else if<\/code> ko\u015fulunun s\u0131rayla de\u011ferlendirilmesi gereken uzun if-else if<\/code> zincirlerine g\u00f6re teorik olarak daha h\u0131zl\u0131 bir arama sa\u011flayabilir. Ancak, modern motorlardaki optimizasyonlar sayesinde bu performans fark\u0131 \u00e7o\u011fu zaman ihmal edilebilir d\u00fczeydedir ve okunabilirlik genellikle daha \u00f6nemli bir fakt\u00f6rd\u00fcr.<\/p>\n
switch<\/code> ve if-else if-else<\/code> Kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h3>\n
switch<\/code> ve if-else if-else<\/code> ifadeleri her ikisi de ko\u015fullu ak\u0131\u015f kontrol\u00fc sa\u011flar, ancak farkl\u0131 senaryolar i\u00e7in daha uygunlard\u0131r.<\/p>\n
switch<\/code> Ne Zaman Kullan\u0131lmal\u0131?<\/strong><\/p>\n
*   Tek bir ifadenin de\u011ferini birden fazla, ayr\u0131k (discrete) de\u011ferle kar\u015f\u0131la\u015ft\u0131rmak gerekti\u011finde.
\n*   Ko\u015fullar kat\u0131 e\u015fitlik (===<\/code>) kontrollerine dayan\u0131yorsa.
\n*   Kodun daha d\u00fczenli ve okunabilir olmas\u0131n\u0131 istedi\u011finizde, \u00f6zellikle \u00e7ok say\u0131da olas\u0131 de\u011fer varsa.
\n*   Ayn\u0131 mant\u0131\u011f\u0131 payla\u015fan birden fazla case<\/code> blo\u011fu oldu\u011funda (kas\u0131tl\u0131 fall-through<\/code> kullanarak).<\/p>\n
if-else if-else<\/code> Ne Zaman Kullan\u0131lmal\u0131?<\/strong><\/p>\n
*   Karma\u015f\u0131k mant\u0131ksal ko\u015fullar\u0131n\u0131z oldu\u011funda (\u00f6rne\u011fin, x > 10 && y < 20<\/code>).
\n*   Aral\u0131k kontrolleri yapman\u0131z gerekti\u011finde (\u00f6rne\u011fin, if (puan >= 90)<\/code>).
\n*   Birden fazla de\u011fi\u015fkeni ayn\u0131 anda de\u011ferlendirmeniz gerekti\u011finde (\u00f6rne\u011fin, if (kullaniciAdi === \"admin\" && sifre === \"123\")<\/code>).
\n*   Ko\u015fullar kat\u0131 e\u015fitlik d\u0131\u015f\u0131ndaki operat\u00f6rleri (><\/code>, <<\/code>, !==<\/code>, vb.) i\u00e7eriyorsa.<\/p>\n
Ayn\u0131 Mant\u0131\u011f\u0131n \u0130ki Yap\u0131yla Kar\u015f\u0131la\u015ft\u0131r\u0131lmas\u0131:<\/strong><\/p>\n
\/\/ if-else if-else ile\nfunction getPuanDurumuIfElse(puan) {\n  if (puan >= 90) {\n    return \"A\";\n  } else if (puan >= 80) {\n    return \"B\";\n  } else if (puan >= 70) {\n    return \"C\";\n  } else if (puan >= 60) {\n    return \"D\";\n  } else {\n    return \"F\";\n  }\n}\n\n\/\/ switch ile (do\u011frudan aral\u0131k kontrol\u00fc yapamaz, bu y\u00fczden farkl\u0131 bir yakla\u015f\u0131m gerekir)\n\/\/ Bu \u00f6rnek, switch'in aral\u0131klar i\u00e7in do\u011frudan uygun olmad\u0131\u011f\u0131n\u0131 g\u00f6sterir.\n\/\/ Ancak, baz\u0131 durumlarda, switch ifadesinin i\u00e7ine bir boolean de\u011fer at\u0131larak bu durum a\u015f\u0131labilir.\n\/\/ Bu genellikle iyi bir uygulama de\u011fildir.\nfunction getPuanDurumuSwitch(puan) {\n  switch (true) { \/\/ switch ifadesi true'yu arar\n    case puan >= 90:\n      return \"A\";\n    case puan >= 80:\n      return \"B\";\n    case puan >= 70:\n      return \"C\";\n    case puan >= 60:\n      return \"D\";\n    default:\n      return \"F\";\n  }\n}\n\nconsole.log(getPuanDurumuIfElse(85)); \/\/ B\nconsole.log(getPuanDurumuSwitch(85)); \/\/ B<\/code><\/pre>\n
getPuanDurumuSwitch<\/code> fonksiyonundaki yakla\u015f\u0131m, switch<\/code> ifadesinin esnekli\u011fini g\u00f6sterse de, if-else if-else<\/code> yap\u0131s\u0131 bu t\u00fcr aral\u0131k kontrolleri i\u00e7in \u00e7ok daha do\u011fal ve okunabilirdir. switch<\/code> ifadesinin g\u00fcc\u00fc, belirli, ayr\u0131k de\u011ferleri kar\u015f\u0131la\u015ft\u0131rmada yatar.<\/p>\n
Geli\u015fmi\u015f Kullan\u0131m Senaryolar\u0131 ve \u0130pu\u00e7lar\u0131<\/h3>\n
switch<\/code> ifadesi, temel kullan\u0131m\u0131n\u0131n \u00f6tesinde baz\u0131 geli\u015fmi\u015f senaryolarda da kar\u015f\u0131m\u0131za \u00e7\u0131kabilir.<\/p>\n
\u0130fadeleri case<\/code> Etiketlerinde Kullanma<\/h4>\n
Yukar\u0131da belirtildi\u011fi gibi, case<\/code> etiketleri sadece sabit de\u011ferler de\u011fil, ayn\u0131 zamanda ifadeler de i\u00e7erebilir. Bu ifadeler, switch<\/code> ifadesinin de\u011feriyle kar\u015f\u0131la\u015ft\u0131r\u0131lmadan \u00f6nce de\u011ferlendirilir.<\/p>\n
let x = 10;\nlet y = 5;\n\nswitch (x) {\n  case y + 5: \/\/ y + 5 = 10\n    console.log(\"x, y + 5'e e\u015fit.\");\n    break;\n  case y  3: \/\/ y <\/em> 3 = 15\n    console.log(\"x, y * 3'e e\u015fit.\");\n    break;\n  default:\n    console.log(\"E\u015fle\u015fme yok.\");\n}\n\/\/ \u00c7\u0131kt\u0131: x, y + 5'e e\u015fit.<\/code><\/pre>\n
Bu \u00f6zellik, dinamik olarak hesaplanan de\u011ferlerle kar\u015f\u0131la\u015ft\u0131rma yapman\u0131z gerekti\u011finde faydal\u0131 olabilir, ancak case<\/code> etiketlerinin karma\u015f\u0131k ifadeler i\u00e7ermesi kodun okunabilirli\u011fini azaltabilir. Genellikle, case<\/code> etiketleri i\u00e7in basit, sabit de\u011ferler kullanmak tercih edilir.<\/p>\n
Blok Kapsam\u0131 (Block Scoping within case<\/code>)<\/h4>\n
Her case<\/code> blo\u011fu kendi kapsam\u0131na sahip de\u011fildir. case<\/code> etiketleri aras\u0131ndaki kod, switch<\/code> ifadesinin ana kapsam\u0131n\u0131 payla\u015f\u0131r. Bu durum, let<\/code> veya const<\/code> ile de\u011fi\u015fken tan\u0131mlarken sorunlara yol a\u00e7abilir. Ayn\u0131 de\u011fi\u015fken ad\u0131n\u0131 birden fazla case<\/code> blo\u011funda let<\/code> veya const<\/code> ile tan\u0131mlamaya \u00e7al\u0131\u015f\u0131rsan\u0131z, \"redeclaration error\" al\u0131rs\u0131n\u0131z. Bu sorunu \u00e7\u00f6zmek i\u00e7in her case<\/code> blo\u011funu kendi s\u00fcsl\u00fc parantezleri {}<\/code> i\u00e7ine alarak ayr\u0131 bir blok kapsam\u0131 olu\u015fturabilirsiniz.<\/p>\n
let secim = 1;\n\nswitch (secim) {\n  case 1: { \/\/ Kapsam olu\u015fturmak i\u00e7in s\u00fcsl\u00fc parantez\n    let mesaj = \"Se\u00e7im 1 yap\u0131ld\u0131.\";\n    console.log(mesaj);\n    break;\n  }\n  case 2: { \/\/ Kapsam olu\u015fturmak i\u00e7in s\u00fcsl\u00fc parantez\n    let mesaj = \"Se\u00e7im 2 yap\u0131ld\u0131.\"; \/\/ Ayn\u0131 isimde de\u011fi\u015fkene izin verir\n    console.log(mesaj);\n    break;\n  }\n  default:\n    console.log(\"Ge\u00e7ersiz se\u00e7im.\");\n}<\/code><\/pre>\n
Bu, her case<\/code> blo\u011funun kendi yerel de\u011fi\u015fkenlerine sahip olmas\u0131n\u0131 sa\u011flayarak olas\u0131 ad \u00e7ak\u0131\u015fmalar\u0131n\u0131 \u00f6nler.<\/p>\n
Fonksiyon \u00c7a\u011f\u0131rma<\/h4>\n
case<\/code> bloklar\u0131 i\u00e7inde karma\u015f\u0131k mant\u0131k y\u00fcr\u00fctmek veya ba\u015fka fonksiyonlar\u0131 \u00e7a\u011f\u0131rmak tamamen m\u00fcmk\u00fcnd\u00fcr. Bu, kodun mod\u00fclerli\u011fini art\u0131r\u0131r ve switch<\/code> blo\u011funu daha temiz tutar.<\/p>\n
function islemA() { console.log(\"\u0130\u015flem A y\u00fcr\u00fct\u00fcl\u00fcyor.\"); }\nfunction islemB() { console.log(\"\u0130\u015flem B y\u00fcr\u00fct\u00fcl\u00fcyor.\"); }\nfunction islemVarsayilan() { console.log(\"Varsay\u0131lan i\u015flem y\u00fcr\u00fct\u00fcl\u00fcyor.\"); }\n\nlet eylem = \"guncelle\";\n\nswitch (eylem) {\n  case \"ekle\":\n    islemA();\n    break;\n  case \"sil\":\n    islemB();\n    break;\n  case \"guncelle\":\n    islemA(); \/\/ Ayn\u0131 fonksiyonu birden fazla case'de \u00e7a\u011f\u0131rabiliriz\n    islemB();\n    break;\n  default:\n    islemVarsayilan();\n    break;\n}\n\/\/ \u00c7\u0131kt\u0131:\n\/\/ \u0130\u015flem A y\u00fcr\u00fct\u00fcl\u00fcyor.\n\/\/ \u0130\u015flem B y\u00fcr\u00fct\u00fcl\u00fcyor.<\/code><\/pre>\n
\u0130\u00e7 \u0130\u00e7e switch<\/code> \u0130fadeleri<\/h4>\n
switch<\/code> ifadeleri i\u00e7 i\u00e7e de kullan\u0131labilir, ancak bu genellikle kodun karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 art\u0131r\u0131r ve okunabilirli\u011fi azaltabilir. Genellikle, i\u00e7 i\u00e7e switch<\/code> ifadeleri yerine daha d\u00fcz bir yap\u0131 (\u00f6rne\u011fin, bir switch<\/code> ve i\u00e7inde if-else<\/code> veya ayr\u0131 fonksiyonlar) tercih edilir. Unutulmamal\u0131d\u0131r ki, bir break<\/code> ifadesi yaln\u0131zca en yak\u0131n switch<\/code> blo\u011fundan \u00e7\u0131kar.<\/p>\n
let kategori = \"meyve\";\nlet urun = \"elma\";\n\nswitch (kategori) {\n  case \"meyve\":\n    switch (urun) {\n      case \"elma\":\n        console.log(\"K\u0131rm\u0131z\u0131 elma.\");\n        break;\n      case \"muz\":\n        console.log(\"Sar\u0131 muz.\");\n        break;\n      default:\n        console.log(\"Bilinmeyen meyve.\");\n        break;\n    }\n    break; \/\/ D\u0131\u015f switch i\u00e7in break\n  case \"sebze\":\n    console.log(\"Sebze kategorisi.\");\n    break;\n  default:\n    console.log(\"Bilinmeyen kategori.\");\n    break;\n}\n\/\/ \u00c7\u0131kt\u0131: K\u0131rm\u0131z\u0131 elma.<\/code><\/pre>\n
switch<\/code> \u0130fadelerinin S\u0131n\u0131rlamalar\u0131 ve Alternatifleri<\/h3>\n
switch<\/code> ifadesi g\u00fc\u00e7l\u00fc bir ara\u00e7 olsa da, baz\u0131 s\u0131n\u0131rlamalara sahiptir ve her durum i\u00e7in en iyi \u00e7\u00f6z\u00fcm de\u011fildir.<\/p>\n
S\u0131n\u0131rlamalar:<\/h4>\n
*   Sadece Kat\u0131 E\u015fitlik (===<\/code>) Kontrol\u00fc:<\/strong> switch<\/code> ifadesi yaln\u0131zca kat\u0131 e\u015fitlik kullanarak kar\u015f\u0131la\u015ft\u0131rma yapar. Aral\u0131k kontrolleri (><\/code>, <<\/code>, >=<\/code>) veya karma\u015f\u0131k mant\u0131ksal ko\u015fullar (&&<\/code>, ||<\/code>) do\u011frudan case<\/code> etiketlerinde kullan\u0131lamaz. Yukar\u0131da g\u00f6sterilen switch(true)<\/code> hilesi bu durumu a\u015fmaya \u00e7al\u0131\u015fsa da, genellikle if-else if-else<\/code> kadar do\u011fal ve okunabilir de\u011fildir.
\n*   Tek De\u011fi\u015fken Kontrol\u00fc:<\/strong> switch<\/code> ifadesi ayn\u0131 anda yaln\u0131zca tek bir de\u011fi\u015fkenin veya ifadenin de\u011ferini kontrol edebilir. Birden fazla de\u011fi\u015fkenin kombinasyonuna dayal\u0131 ko\u015fullar i\u00e7in if-else if-else<\/code> daha uygundur.
\n*   Karma\u015f\u0131kl\u0131k:<\/strong> \u00c7ok say\u0131da case<\/code> blo\u011fu i\u00e7eren veya i\u00e7 i\u00e7e ge\u00e7mi\u015f switch<\/code> ifadeleri, kodun anla\u015f\u0131lmas\u0131n\u0131 ve bak\u0131m\u0131n\u0131 zorla\u015ft\u0131rabilir.<\/p>\n
Alternatifler:<\/h4>\n
switch<\/code> ifadesinin s\u0131n\u0131rlamalar\u0131yla kar\u015f\u0131la\u015ft\u0131\u011f\u0131n\u0131zda veya daha esnek bir yap\u0131ya ihtiya\u00e7 duydu\u011funuzda, a\u015fa\u011f\u0131daki alternatifleri d\u00fc\u015f\u00fcnebilirsiniz:<\/p>\n
*   if-else if-else<\/code> Zincirleri:<\/strong> Karma\u015f\u0131k mant\u0131ksal ko\u015fullar, aral\u0131k kontrolleri ve birden fazla de\u011fi\u015fkeni de\u011ferlendirme ihtiyac\u0131 i\u00e7in en do\u011frudan ve esnek \u00e7\u00f6z\u00fcmd\u00fcr.
\n*   Nesne veya Map Kullan\u0131m\u0131 (Polimorfizm\/Strateji Deseni):<\/strong> \u00d6zellikle bir string anahtara (eylem ad\u0131 gibi) dayal\u0131 olarak farkl\u0131 fonksiyonlar\u0131 veya nesneleri \u00e7a\u011f\u0131rman\u0131z gerekti\u011finde, bir nesne veya Map<\/code> kullanmak switch<\/code> ifadesine zarif bir alternatif olabilir. Bu yakla\u015f\u0131m, yeni durumlar veya eylemler eklendi\u011finde kodu daha kolay geni\u015fletilebilir hale getirir.<\/p>\n
\/\/ Switch yerine Nesne ile\nconst eylemIsleyiciler = {\n  \"ekle\": () => console.log(\"\u00d6\u011fe eklendi.\"),\n  \"sil\": () => console.log(\"\u00d6\u011fe silindi.\"),\n  \"guncelle\": () => console.log(\"\u00d6\u011fe g\u00fcncellendi.\"),\n  \"varsayilan\": () => console.log(\"Bilinmeyen eylem.\")\n};\n\nlet kullaniciEylemi = \"sil\";\nconst isleyici = eylemIsleyiciler[kullaniciEylemi] || eylemIsleyiciler[\"varsayilan\"];\nisleyici(); \/\/ \u00c7\u0131kt\u0131: \u00d6\u011fe silindi.\n\nkullaniciEylemi = \"goruntule\";\nconst isleyici2 = eylemIsleyiciler[kullaniciEylemi] || eylemIsleyiciler[\"varsayilan\"];\nisleyici2(); \/\/ \u00c7\u0131kt\u0131: Bilinmeyen eylem.<\/code><\/pre>\n
Bu y\u00f6ntem, \u00f6zellikle eylem t\u00fcrleri dinamik olarak de\u011fi\u015fti\u011finde veya sunucudan geldi\u011finde \u00e7ok g\u00fc\u00e7l\u00fcd\u00fcr. switch<\/code> ifadesine g\u00f6re daha az kod tekrar\u0131 sa\u011flar ve yeni eylemler eklemek i\u00e7in sadece eylemIsleyiciler<\/code> nesnesine yeni bir \u00f6zellik eklemek yeterlidir.<\/p>\n
Performans Konusu<\/h3>\n
Modern JavaScript motorlar\u0131, kodu optimize etmek konusunda olduk\u00e7a geli\u015fmi\u015ftir. Genel olarak, switch<\/code> ifadesi ile uzun bir if-else if-else<\/code> zinciri aras\u0131ndaki performans fark\u0131 \u00e7o\u011fu uygulama i\u00e7in ihmal edilebilir d\u00fczeydedir.<\/p>\n
Teorik olarak, \u00e7ok say\u0131da case<\/code> blo\u011fu oldu\u011funda, switch<\/code> ifadesi bir atlama tablosuna d\u00f6n\u00fc\u015ft\u00fcr\u00fclebilir ve bu da if-else if<\/code> zincirine g\u00f6re daha h\u0131zl\u0131 bir arama sa\u011flayabilir (\u00e7\u00fcnk\u00fc her ko\u015fulun s\u0131rayla de\u011ferlendirilmesi gerekmez). Ancak, bu bir motor optimizasyon detay\u0131d\u0131r ve her zaman garanti edilmez. Ayr\u0131ca, performans fark\u0131 genellikle milisaniyeler d\u00fczeyindedir ve uygulaman\u0131n genel performans\u0131 \u00fczerinde g\u00f6zle g\u00f6r\u00fcl\u00fcr bir etkisi olmaz.<\/p>\n
Bu nedenle, performans endi\u015feleri yerine kodun okunabilirli\u011fi, s\u00fcrd\u00fcr\u00fclebilirli\u011fi ve mant\u0131ksal netli\u011fi gibi fakt\u00f6rler, switch<\/code> veya if-else if-else<\/code> aras\u0131nda se\u00e7im yaparken daha \u00f6ncelikli olmal\u0131d\u0131r.<\/p>\n
En \u0130yi Uygulamalar<\/h3>\n
switch<\/code> ifadesini etkili ve hatas\u0131z bir \u015fekilde kullanmak i\u00e7in baz\u0131 en iyi uygulamalar \u015funlard\u0131r:<\/p>\n
1.  Her case<\/code> Sonunda break<\/code> Kullan\u0131n:<\/strong> Kas\u0131tl\u0131 fall-through<\/code> durumlar\u0131 hari\u00e7, her case<\/code> blo\u011funun sonunda break<\/code> ifadesini kullanarak beklenmeyen davran\u0131\u015flar\u0131 \u00f6nleyin.
\n2.  Her Zaman Bir default<\/code> Blo\u011fu Ekleyin:<\/strong> Beklenmeyen veya i\u015flenmemi\u015f durumlar\u0131 yakalamak i\u00e7in her switch<\/code> ifadesine bir default<\/code> blo\u011fu ekleyin. Bu, uygulaman\u0131z\u0131n daha sa\u011flam olmas\u0131n\u0131 sa\u011flar ve hata ay\u0131klamay\u0131 kolayla\u015ft\u0131r\u0131r.
\n3.  case<\/code> Bloklar\u0131nda Kapsam Kullan\u0131n ({}<\/code>):<\/strong> E\u011fer case<\/code> bloklar\u0131 i\u00e7inde let<\/code> veya const<\/code> ile de\u011fi\u015fken tan\u0131ml\u0131yorsan\u0131z, her case<\/code> blo\u011funu s\u00fcsl\u00fc parantez {}<\/code> i\u00e7ine alarak kendi kapsam\u0131n\u0131 olu\u015fturun. Bu, de\u011fi\u015fken ad \u00e7ak\u0131\u015fmalar\u0131n\u0131 \u00f6nler.
\n4.  Mant\u0131kl\u0131 Bir S\u0131ralama Kullan\u0131n:<\/strong> case<\/code> bloklar\u0131n\u0131 mant\u0131ksal bir s\u0131raya g\u00f6re d\u00fczenleyin (\u00f6rne\u011fin, alfabetik, say\u0131sal veya en s\u0131k kullan\u0131lan durumdan en aza do\u011fru). Bu, kodun okunabilirli\u011fini art\u0131r\u0131r.
\n5.  Karma\u015f\u0131k Mant\u0131\u011f\u0131 Fonksiyonlara Ay\u0131r\u0131n:<\/strong> case<\/code> bloklar\u0131 i\u00e7inde \u00e7ok karma\u015f\u0131k bir mant\u0131k varsa, bu mant\u0131\u011f\u0131 ayr\u0131 bir fonksiyona ta\u015f\u0131y\u0131n ve case<\/code> blo\u011fundan o fonksiyonu \u00e7a\u011f\u0131r\u0131n. Bu, switch<\/code> blo\u011funu daha temiz tutar ve kodun mod\u00fclerli\u011fini art\u0131r\u0131r.
\n6.  \u00c7ok Uzun switch<\/code> \u0130fadelerinden Ka\u00e7\u0131n\u0131n:<\/strong> E\u011fer bir switch<\/code> ifadesi \u00e7ok say\u0131da case<\/code> blo\u011fu i\u00e7eriyorsa (\u00f6rne\u011fin, 10'dan fazla), bu durum genellikle kodu yeniden yap\u0131land\u0131rman\u0131z gerekti\u011finin bir i\u015faretidir. Nesne\/Map tabanl\u0131 bir yakla\u015f\u0131m veya polimorfizm gibi alternatifleri d\u00fc\u015f\u00fcn\u00fcn.
\n7.  case<\/code> De\u011ferlerinin Veri Tiplerini E\u015fle\u015ftirin:<\/strong> switch<\/code> ifadesi kat\u0131 e\u015fitlik (===<\/code>) kulland\u0131\u011f\u0131 i\u00e7in, switch<\/code> ifadesindeki de\u011ferin veri tipi ile case<\/code> etiketlerindeki de\u011ferlerin veri tiplerinin ayn\u0131 oldu\u011fundan emin olun.<\/p>\n
Sonu\u00e7<\/h3>\n
JavaScript'teki switch<\/code> ifadesi, belirli bir ifadenin de\u011ferini bir\u00e7ok farkl\u0131, ayr\u0131k de\u011ferle kar\u015f\u0131la\u015ft\u0131rmak ve buna g\u00f6re farkl\u0131 kod bloklar\u0131n\u0131 y\u00fcr\u00fctmek i\u00e7in g\u00fc\u00e7l\u00fc ve okunabilir bir ara\u00e7t\u0131r. \u00d6zellikle uzun if-else if-else<\/code> zincirlerinin karma\u015f\u0131k hale geldi\u011fi durumlarda kodun netli\u011fini ve d\u00fczenini art\u0131r\u0131r.<\/p>\n
break<\/code> anahtar kelimesinin do\u011fru kullan\u0131m\u0131, fall-through<\/code> davran\u0131\u015f\u0131n\u0131 kontrol etmek i\u00e7in hayati \u00f6neme sahiptir. default<\/code> blo\u011fu, beklenmeyen durumlar\u0131 ele almak i\u00e7in bir g\u00fcvenlik a\u011f\u0131 sa\u011flar. switch<\/code> ifadesi, tek bir de\u011fi\u015fkenin ayr\u0131k de\u011ferlerine dayal\u0131 ko\u015fullar i\u00e7in ideal olsa da, karma\u015f\u0131k mant\u0131ksal ko\u015fullar veya aral\u0131k kontrolleri i\u00e7in if-else if-else<\/code> daha uygun olabilir. Ayr\u0131ca, dinamik eylem i\u015fleme gibi senaryolarda nesne veya Map<\/code> kullan\u0131m\u0131 gibi alternatifler, daha esnek ve geni\u015fletilebilir \u00e7\u00f6z\u00fcmler sunabilir.<\/p>\n
Do\u011fru ba\u011flamda ve en iyi uygulamalarla kullan\u0131ld\u0131\u011f\u0131nda, switch<\/code> ifadesi JavaScript kodunuzun daha temiz, daha anla\u015f\u0131l\u0131r ve daha s\u00fcrd\u00fcr\u00fclebilir olmas\u0131na \u00f6nemli katk\u0131lar sa\u011flayacakt\u0131r. Her zaman oldu\u011fu gibi, en uygun arac\u0131 se\u00e7mek, projenizin \u00f6zel gereksinimlerine ve kodunuzun genel okunabilirlik hedeflerine ba\u011fl\u0131d\u0131r.<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber\nJavaScript, dinamik ve etkile\u015fimli web uygulamalar\u0131 geli\u015ftirmek i\u00e7in vazg","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[],"class_list":{"0":"post-37579","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nJavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber\" \/>\n<meta property=\"og:description\" content=\"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber JavaScript, dinamik ve etkile\u015fimli web uygulamalar\u0131 geli\u015ftirmek i\u00e7in vazg\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-09T13:41:00+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber\",\"datePublished\":\"2026-01-09T13:41:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\"},\"wordCount\":3065,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Javascript\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\",\"name\":\"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-01-09T13:41:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber","og_description":"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber JavaScript, dinamik ve etkile\u015fimli web uygulamalar\u0131 geli\u015ftirmek i\u00e7in vazg","og_url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-01-09T13:41:00+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"20 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber","datePublished":"2026-01-09T13:41:00+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/"},"wordCount":3065,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Javascript"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/","url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/","name":"JavaScript'te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-01-09T13:41:00+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-switch-ifadesi-nasil-kullanilir-kapsamli-bir-rehber\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript’te Switch \u0130fadesi Nas\u0131l Kullan\u0131l\u0131r? Kapsaml\u0131 Bir Rehber"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/37579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=37579"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/37579\/revisions"}],"predecessor-version":[{"id":37580,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/37579\/revisions\/37580"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=37579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=37579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=37579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}