for<\/pre>\n<\/code> d\u00f6ng\u00fcs\u00fcnde <\/p>\n
i = 0<\/pre>\n<\/code> ile ba\u015flar\u0131z.<\/li>\n
Ko\u015ful (Condition):<\/strong> D\u00f6ng\u00fcn\u00fcn her iterasyonundan \u00f6nce veya sonra kontrol edilen bir mant\u0131ksal ifadedir. Bu ifade do\u011fru (true<\/code>) oldu\u011fu s\u00fcrece d\u00f6ng\u00fc \u00e7al\u0131\u015fmaya devam eder. Yanl\u0131\u015f (false<\/code>) oldu\u011funda d\u00f6ng\u00fc sona erer. \u00d6rne\u011fin,\ni < 10<\/pre>\n<\/code> ifadesi, <\/p>\n
i<\/pre>\n<\/code> 10'dan k\u00fc\u00e7\u00fck oldu\u011fu s\u00fcrece d\u00f6ng\u00fcn\u00fcn devam etmesini sa\u011flar.<\/li>\n
G\u00f6vde (Body):<\/strong> Her tekrarda y\u00fcr\u00fct\u00fclen kod blo\u011fudur. Bu, d\u00f6ng\u00fcn\u00fcn as\u0131l i\u015fini yapt\u0131\u011f\u0131 yerdir.<\/li>\nG\u00fcncelleme (Update):<\/strong> Genellikle ba\u015flatma ad\u0131m\u0131nda tan\u0131mlanan sayac\u0131n de\u011ferini de\u011fi\u015ftiren ad\u0131md\u0131r. Bu, d\u00f6ng\u00fcn\u00fcn ko\u015fulunun eninde sonunda yanl\u0131\u015f hale gelmesini ve d\u00f6ng\u00fcn\u00fcn sona ermesini sa\u011flar.\ni++<\/pre>\n<\/code> veya <\/p>\n
i--<\/pre>\n<\/code> gibi ifadeler bu ama\u00e7la kullan\u0131l\u0131r.<\/li>\n<\/ul>\n
Yayg\u0131n Perulama T\u00fcrleri ve Kullan\u0131m Ama\u00e7lar\u0131<\/h3>\n
Programlama dillerinde genellikle \u00fc\u00e7 ana perulama t\u00fcr\u00fc bulunur: for<\/code>, while<\/code> ve do-while<\/code>. Her birinin kendine \u00f6zg\u00fc bir kullan\u0131m senaryosu vard\u0131r:<\/p>\n\nfor<\/code> D\u00f6ng\u00fcs\u00fc:<\/strong> Genellikle belirli bir say\u0131da tekrar edilmesi gereken durumlar veya bir dizinin elemanlar\u0131 \u00fczerinde gezinme gibi durumlarda tercih edilir. Ba\u015flatma, ko\u015ful ve g\u00fcncelleme ad\u0131mlar\u0131 tek bir sat\u0131rda tan\u0131mland\u0131\u011f\u0131 i\u00e7in kompakt bir yap\u0131ya sahiptir.<\/li>\nwhile<\/code> D\u00f6ng\u00fcs\u00fc:<\/strong> Bir ko\u015ful do\u011fru oldu\u011fu s\u00fcrece \u00e7al\u0131\u015fmaya devam etmesi gereken durumlarda kullan\u0131l\u0131r. Ka\u00e7 kez \u00e7al\u0131\u015faca\u011f\u0131 \u00f6nceden bilinmedi\u011finde veya bir d\u0131\u015f olay ger\u00e7ekle\u015fti\u011finde durmas\u0131 gerekti\u011finde idealdir. \u00d6rne\u011fin, kullan\u0131c\u0131dan ge\u00e7erli bir giri\u015f al\u0131nana kadar tekrar etmek.<\/li>\ndo-while<\/code> D\u00f6ng\u00fcs\u00fc:<\/strong> while<\/code> d\u00f6ng\u00fcs\u00fcne benzer, ancak ko\u015ful kontrol\u00fc d\u00f6ng\u00fcn\u00fcn sonunda yap\u0131l\u0131r. Bu, d\u00f6ng\u00fc g\u00f6vdesinin en az bir kez \u00e7al\u0131\u015fmas\u0131n\u0131 garantiler, ko\u015ful ba\u015flang\u0131\u00e7ta yanl\u0131\u015f olsa bile. Men\u00fc tabanl\u0131 uygulamalar veya ilk kontrol\u00fcn ard\u0131ndan tekrar eden i\u015flemler i\u00e7in kullan\u0131\u015fl\u0131d\u0131r.<\/li>\n<\/ul>\nAyr\u0131ca, d\u00f6ng\u00fclerin ak\u0131\u015f\u0131n\u0131 kontrol etmek i\u00e7in <\/p>\n
break<\/pre>\n<\/code> ve <\/p>\n
continue<\/pre>\n<\/code> anahtar kelimeleri de kritik \u00f6neme sahiptir. <\/p>\n
break<\/pre>\n<\/code>, d\u00f6ng\u00fcy\u00fc tamamen sonland\u0131r\u0131r ve kontrol\u00fc d\u00f6ng\u00fcden sonraki ilk ifadeye aktar\u0131r. <\/p>\n
continue<\/pre>\n<\/code> ise mevcut iterasyonu atlar ve d\u00f6ng\u00fcn\u00fcn bir sonraki iterasyonuna ge\u00e7er. Bu kontrol mekanizmalar\u0131, karma\u015f\u0131k d\u00f6ng\u00fc mant\u0131klar\u0131n\u0131 daha esnek ve verimli hale getirir. Bu temel bile\u015fenleri ve d\u00f6ng\u00fc t\u00fcrlerini anlamak, perulama algoritmalar\u0131nda ustala\u015fman\u0131n ilk ad\u0131m\u0131d\u0131r. Her bir d\u00f6ng\u00fc tipinin ne zaman ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 bilmek, daha temiz, daha anla\u015f\u0131l\u0131r ve daha performansl\u0131 kod yazman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n
En Yayg\u0131n Perulama T\u00fcrleri: For, While ve Do-While Nas\u0131l Kullan\u0131l\u0131r?<\/h2>\n
Perulama algoritmalar\u0131n\u0131n \u00e7e\u015fitlili\u011fi, farkl\u0131 programlama senaryolar\u0131na esnek \u00e7\u00f6z\u00fcmler sunar. Bu b\u00f6l\u00fcmde, en s\u0131k kar\u015f\u0131la\u015f\u0131lan \u00fc\u00e7 d\u00f6ng\u00fc t\u00fcr\u00fcn\u00fc, yani for<\/code>, while<\/code> ve do-while<\/code> d\u00f6ng\u00fclerini detayl\u0131ca inceleyecek ve her biri i\u00e7in pratik kod \u00f6rnekleri sunaca\u011f\u0131z. Bu \u00f6rnekler, her bir d\u00f6ng\u00fc tipinin ne zaman ve nas\u0131l kullan\u0131laca\u011f\u0131na dair net bir anlay\u0131\u015f geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r.<\/p>\nFor D\u00f6ng\u00fcs\u00fc: Belirli Say\u0131daki Tekrarlar \u0130\u00e7in \u0130deal Se\u00e7im mi?<\/h3>\n
for<\/code> d\u00f6ng\u00fcs\u00fc, genellikle belirli bir say\u0131da veya bir dizi\/koleksiyon \u00fczerinde i\u015flem yap\u0131lmas\u0131 gerekti\u011finde kullan\u0131lan en yayg\u0131n d\u00f6ng\u00fc t\u00fcr\u00fcd\u00fcr. Ba\u015flatma, ko\u015ful ve g\u00fcncelleme ifadelerinin d\u00f6ng\u00fcn\u00fcn ba\u015f\u0131nda tek bir sat\u0131rda tan\u0131mlanmas\u0131, onu olduk\u00e7a kompakt ve okunabilir k\u0131lar.<\/p>\nTemel Yap\u0131s\u0131:<\/strong><\/p>\n\n for (ba\u015flatma; ko\u015ful; g\u00fcncelleme) {\n \/\/ Her tekrarda \u00e7al\u0131\u015facak kod\n }\n <\/pre>\n<\/code><\/p>\n
\u00d6rnek Senaryo:<\/strong> 1'den 5'e kadar olan say\u0131lar\u0131 konsola yazd\u0131rmak.<\/p>\n\n \/\/ JavaScript \u00f6rne\u011fi<\/span>\n for (let i = 1; i <= 5; i++) {\n console.log(\"Say\u0131: \" + i);\n }\n <\/pre>\n<\/code><\/p>\n
Bu \u00f6rnekte, <\/p>\n
i<\/pre>\n<\/code> 1'den ba\u015flar (<\/p>\n
let i = 1<\/pre>\n<\/code>), 5'e e\u015fit veya k\u00fc\u00e7\u00fck oldu\u011fu s\u00fcrece devam eder (<\/p>\n
i <= 5<\/pre>\n<\/code>) ve her tekrardan sonra <\/p>\n
i<\/pre>\n<\/code> de\u011feri 1 art\u0131r\u0131l\u0131r (<\/p>\n
i++<\/pre>\n<\/code>). Bu yap\u0131, bir dizinin t\u00fcm elemanlar\u0131 \u00fczerinde gezinmek, belirli bir say\u0131da animasyon ad\u0131m\u0131 y\u00fcr\u00fctmek veya bir d\u00f6ng\u00fcn\u00fcn tam olarak ka\u00e7 kez \u00e7al\u0131\u015fmas\u0131 gerekti\u011fini bildi\u011finiz di\u011fer t\u00fcm durumlar i\u00e7in m\u00fckemmel bir se\u00e7enektir.<\/p>\n
\n Uzman \u0130pucu: <\/p>\n
for<\/pre>\n<\/code> d\u00f6ng\u00fcleri, dizilerde geriye do\u011fru iterasyon yapmak i\u00e7in de kullan\u0131labilir (<\/p>\n
for (let i = array.length - 1; i >= 0; i--)<\/pre>\n<\/code>). Bu, bazen diziden eleman silme gibi i\u015flemlerde beklenmedik indeks kaymalar\u0131n\u0131 \u00f6nlemeye yard\u0131mc\u0131 olur.\n <\/div>\n
While D\u00f6ng\u00fcs\u00fc: Bir Ko\u015ful Sa\u011fland\u0131\u011f\u0131nda Durana Kadar \u00c7al\u0131\u015fmak Nas\u0131l Olur?<\/h3>\n
while<\/code> d\u00f6ng\u00fcs\u00fc, belirli bir ko\u015ful do\u011fru oldu\u011fu s\u00fcrece kod blo\u011funu \u00e7al\u0131\u015ft\u0131rmaya devam eder. Ka\u00e7 kez \u00e7al\u0131\u015faca\u011f\u0131 \u00f6nceden bilinmeyen durumlar veya bir d\u0131\u015f olay\u0131n ger\u00e7ekle\u015fmesine ba\u011fl\u0131 olarak d\u00f6ng\u00fcn\u00fcn sonlanmas\u0131 gerekti\u011fi senaryolar i\u00e7in idealdir. \u00d6rne\u011fin, kullan\u0131c\u0131dan ge\u00e7erli bir girdi alana kadar beklemek veya bir a\u011f ba\u011flant\u0131s\u0131n\u0131n durumunu kontrol etmek gibi.<\/p>\nTemel Yap\u0131s\u0131:<\/strong><\/p>\n\n while (ko\u015ful) {\n \/\/ Ko\u015ful do\u011fru oldu\u011fu s\u00fcrece \u00e7al\u0131\u015facak kod\n \/\/ Ko\u015fulu de\u011fi\u015ftiren bir ifade olmal\u0131, aksi takdirde sonsuz d\u00f6ng\u00fc olu\u015fur!\n }\n <\/pre>\n<\/code><\/p>\n
\u00d6rnek Senaryo:<\/strong> Kullan\u0131c\u0131dan 'evet' cevab\u0131n\u0131 alana kadar sormaya devam etmek.<\/p>\n\n \/\/ JavaScript \u00f6rne\u011fi<\/span>\n let cevap = \"\";\n while (cevap !== \"evet\") {\n cevap = prompt(\"Devam etmek istiyor musunuz? (evet\/hay\u0131r)\").toLowerCase();\n if (cevap === \"hay\u0131r\") {\n console.log(\"\u0130\u015flem iptal edildi.\");\n break; \/\/ E\u011fer 'hay\u0131r' derse d\u00f6ng\u00fcy\u00fc k\u0131r\n } else if (cevap !== \"evet\") {\n console.log(\"Ge\u00e7ersiz cevap. L\u00fctfen 'evet' veya 'hay\u0131r' yaz\u0131n.\");\n }\n }\n if (cevap === \"evet\") {\n console.log(\"Devam ediliyor...\");\n }\n <\/pre>\n<\/code><\/p>\n
Bu \u00f6rnekte, <\/p>\n
cevap<\/pre>\n<\/code> de\u011fi\u015fkeni \"evet\" olmad\u0131\u011f\u0131 s\u00fcrece d\u00f6ng\u00fc \u00e7al\u0131\u015fmaya devam eder. Kullan\u0131c\u0131dan gelen girdi her seferinde kontrol edilir ve e\u011fer <\/p>\n
cevap<\/pre>\n<\/code> \"evet\" olursa d\u00f6ng\u00fc sona erer. Aksi takdirde, kullan\u0131c\u0131dan tekrar girdi istenir. Bu t\u00fcr d\u00f6ng\u00fclerde, d\u00f6ng\u00fc ko\u015fulunu eninde sonunda yanl\u0131\u015f yapacak bir mekanizman\u0131n d\u00f6ng\u00fc g\u00f6vdesinde bulunmas\u0131 hayati \u00f6nem ta\u015f\u0131r; aksi takdirde bir sonsuz d\u00f6ng\u00fcye d\u00fc\u015febilirsiniz.<\/p>\n
Do-While D\u00f6ng\u00fcs\u00fc: En Az Bir Kez \u00c7al\u0131\u015fma Garantisi Sunar m\u0131?<\/h3>\n
do-while<\/code> d\u00f6ng\u00fcs\u00fc, while<\/code> d\u00f6ng\u00fcs\u00fcne benzer, ancak temel fark\u0131, d\u00f6ng\u00fc ko\u015fulunun d\u00f6ng\u00fc g\u00f6vdesi bir kez \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131ktan sonra kontrol edilmesidir. Bu, d\u00f6ng\u00fc g\u00f6vdesinin ko\u015ful ne olursa olsun en az bir kez mutlaka \u00e7al\u0131\u015faca\u011f\u0131n\u0131 garanti eder.<\/p>\nTemel Yap\u0131s\u0131:<\/strong><\/p>\n\n do {\n \/\/ En az bir kez \u00e7al\u0131\u015facak kod\n \/\/ Ko\u015fulu de\u011fi\u015ftiren bir ifade olmal\u0131!\n } while (ko\u015ful);\n <\/pre>\n<\/code><\/p>\n
\u00d6rnek Senaryo:<\/strong> Kullan\u0131c\u0131ya bir men\u00fc g\u00f6sterip, ge\u00e7erli bir se\u00e7im yapana kadar tekrar sormak.<\/p>\n\n \/\/ JavaScript \u00f6rne\u011fi<\/span>\n let secim;\n do {\n console.log(\"Men\u00fc:\");\n console.log(\"1. Profil G\u00f6r\u00fcnt\u00fcle\");\n console.log(\"2. Ayarlar\u0131 D\u00fczenle\");\n console.log(\"3. \u00c7\u0131k\u0131\u015f\");\n secim = parseInt(prompt(\"L\u00fctfen bir se\u00e7im yap\u0131n (1-3):\"));\n\n if (isNaN(secim) || secim < 1 || secim > 3) {\n console.log(\"Ge\u00e7ersiz se\u00e7im. L\u00fctfen 1 ile 3 aras\u0131nda bir say\u0131 girin.\");\n }\n\n } while (secim < 1 || secim > 3);\n\n console.log(\"Se\u00e7iminiz: \" + secim);\n switch (secim) {\n case 1:\n console.log(\"Profiliniz g\u00f6r\u00fcnt\u00fcleniyor...\");\n break;\n case 2:\n console.log(\"Ayarlar d\u00fczenleniyor...\");\n break;\n case 3:\n console.log(\"Uygulamadan \u00e7\u0131k\u0131l\u0131yor...\");\n break;\n }\n <\/pre>\n<\/code><\/p>\n
Bu \u00f6rnekte, men\u00fc ve se\u00e7im isteme i\u015flemi en az bir kez g\u00f6sterilir. Kullan\u0131c\u0131n\u0131n giri\u015fi daha sonra <\/p>\n
while<\/pre>\n<\/code> ko\u015fuluyla kontrol edilir. E\u011fer se\u00e7im 1 ile 3 aras\u0131nda de\u011filse, d\u00f6ng\u00fc tekrar \u00e7al\u0131\u015f\u0131r ve men\u00fc yeniden g\u00f6sterilir. Bu d\u00f6ng\u00fc tipi, kullan\u0131c\u0131n\u0131n ilk ba\u015fta hatal\u0131 bir giri\u015f yapma olas\u0131l\u0131\u011f\u0131 olan ve men\u00fc veya giri\u015f isteminin mutlaka g\u00f6r\u00fcnmesi gereken durumlarda olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
Bu \u00fc\u00e7 temel d\u00f6ng\u00fc yap\u0131s\u0131, yaz\u0131l\u0131m geli\u015ftirme s\u00fcrecinizde kar\u015f\u0131la\u015faca\u011f\u0131n\u0131z bir\u00e7ok tekrarl\u0131 g\u00f6revi \u00e7\u00f6zmek i\u00e7in sa\u011flam bir temel sunar. Her birinin avantajlar\u0131n\u0131 ve en uygun kullan\u0131m senaryolar\u0131n\u0131 anlamak, daha esnek ve etkili programlar yazman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n
Vaka Analizi: Perulama Algoritmalar\u0131 \u0130\u015f D\u00fcnyas\u0131nda Nas\u0131l Hayat Kurtar\u0131r?<\/h2>\n
Perulama algoritmalar\u0131n\u0131n soyut kod \u00f6rneklerinden ibaret olmad\u0131\u011f\u0131n\u0131, ger\u00e7ek d\u00fcnya senaryolar\u0131nda somut faydalar sa\u011flad\u0131\u011f\u0131n\u0131 g\u00f6rmek, konuyu daha iyi anlaman\u0131za yard\u0131mc\u0131 olacakt\u0131r. Bu b\u00f6l\u00fcmde, perulama algoritmalar\u0131n\u0131n i\u015f d\u00fcnyas\u0131ndaki kritik rol\u00fcn\u00fc iki farkl\u0131 vaka analizi \u00fczerinden inceleyece\u011fiz.<\/p>\n
Veri \u0130\u015fleme ve Raporlama: B\u00fcy\u00fck Veri Setlerinde Performans\u0131 Nas\u0131l Art\u0131r\u0131rs\u0131n\u0131z?<\/h3>\n
Modern i\u015f d\u00fcnyas\u0131, her ge\u00e7en g\u00fcn artan devasa veri setleriyle bo\u011fu\u015fuyor. M\u00fc\u015fteri bilgileri, sat\u0131\u015f kay\u0131tlar\u0131, stok verileri, finansal i\u015flemler... Bu verilerin analizi ve raporlanmas\u0131, stratejik kararlar almak i\u00e7in hayati \u00f6nem ta\u015f\u0131r. \u0130\u015fte burada perulama algoritmalar\u0131 devreye girer.<\/p>\n
Vaka Senaryosu:<\/strong> Bir e-ticaret \u015firketi, ay sonunda t\u00fcm sat\u0131\u015f i\u015flemlerini analiz ederek en \u00e7ok satan \u00fcr\u00fcnleri, toplam geliri ve m\u00fc\u015fteri ba\u015f\u0131na ortalama harcamay\u0131 g\u00f6steren bir rapor olu\u015fturmak istiyor. Bu \u015firket g\u00fcnde on binlerce sat\u0131\u015f yap\u0131yor.<\/p>\nManuel olarak veya tek tek veri i\u015fleyerek bu raporu olu\u015fturmak, hem zaman al\u0131c\u0131 hem de insan hatas\u0131na a\u00e7\u0131k olacakt\u0131r. Ancak perulama algoritmalar\u0131 sayesinde bu s\u00fcre\u00e7 otomatikle\u015ftirilebilir ve \u00e7ok daha verimli hale getirilebilir.<\/p>\n
\n \/\/ \u00d6rnek bir sat\u0131\u015f verisi yap\u0131s\u0131<\/span>\n const salesData = [\n { id: 1, productId: 'A101', quantity: 2, price: 50, customerId: 'C001' },\n { id: 2, productId: 'B202', quantity: 1, price: 120, customerId: 'C002' },\n { id: 3, productId: 'A101', quantity: 3, price: 50, customerId: 'C001' },\n { id: 4, productId: 'C303', quantity: 1, price: 80, customerId: 'C003' },\n { id: 5, productId: 'B202', quantity: 2, price: 120, customerId: 'C002' },\n \/\/ ... binlerce ba\u015fka kay\u0131t\n ];\n\n let totalRevenue = 0;\n const productSales = {}; \/\/ \u00dcr\u00fcn baz\u0131nda sat\u0131\u015f miktar\u0131n\u0131 tutar\n const customerSpending = {}; \/\/ M\u00fc\u015fteri baz\u0131nda harcamay\u0131 tutar\n\n \/\/ For d\u00f6ng\u00fcs\u00fc ile veri i\u015fleme<\/span>\n for (let i = 0; i < salesData.length; i++) {\n const sale = salesData[i];\n const itemTotal = sale.quantity * sale.price;\n\n totalRevenue += itemTotal;\n\n \/\/ \u00dcr\u00fcn sat\u0131\u015flar\u0131n\u0131 g\u00fcncelleme\n productSales[sale.productId] = (productSales[sale.productId] || 0) + sale.quantity;\n\n \/\/ M\u00fc\u015fteri harcamalar\u0131n\u0131 g\u00fcncelleme\n customerSpending[sale.customerId] = (customerSpending[sale.customerId] || 0) + itemTotal;\n }\n\n console.log(\"Toplam Gelir: $\" + totalRevenue);\n\n console.log(\"En \u00c7ok Satan \u00dcr\u00fcnler:\");\n \/\/ productSales objesi \u00fczerinde iterasyon (For...in d\u00f6ng\u00fcs\u00fc)\n for (const productId in productSales) {\n if (Object.hasOwnProperty.call(productSales, productId)) {\n console.log(- \u00dcr\u00fcn ${productId}: ${productSales[productId]} adet<\/code>);\n }\n }\n\n console.log(\"M\u00fc\u015fteri Ba\u015f\u0131na Ortalama Harcama:\");\n const numCustomers = Object.keys(customerSpending).length;\n let totalCustomerSpending = 0;\n for (const customerId in customerSpending) {\n if (Object.hasOwnProperty.call(customerSpending, customerId)) {\n totalCustomerSpending += customerSpending[customerId];\n }\n }\n const averageSpending = numCustomers > 0 ? totalCustomerSpending \/ numCustomers : 0;\n console.log(Ortalama: $${averageSpending.toFixed(2)}<\/code>);\n <\/pre>\n<\/code><\/p>\n
Yukar\u0131daki \u00f6rnekte, <\/p>\n
for<\/pre>\n<\/code> d\u00f6ng\u00fcs\u00fc, binlerce sat\u0131\u015f kayd\u0131n\u0131 tek tek gezerek gerekli hesaplamalar\u0131 saniyeler i\u00e7inde yapar. Bu, manuel olarak haftalar s\u00fcrecek bir i\u015fi otomatize eder ve \u015firketin h\u0131zl\u0131 ve do\u011fru kararlar almas\u0131n\u0131 sa\u011flar. \u00d6zellikle performans\u0131n kritik oldu\u011fu b\u00fcy\u00fck veri setlerinde, do\u011fru d\u00f6ng\u00fc yap\u0131s\u0131n\u0131n se\u00e7ilmesi ve d\u00f6ng\u00fc i\u00e7i i\u015flemlerin optimize edilmesi, raporlama s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde k\u0131saltabilir.<\/p>\n
Ayr\u0131ca, bu t\u00fcr verilerin g\u00f6rselle\u015ftirilmesi i\u00e7in HTML tablolar\u0131 da s\u0131k\u00e7a kullan\u0131l\u0131r. A\u015fa\u011f\u0131da, i\u015flenmi\u015f verinin nas\u0131l bir tabloya d\u00f6n\u00fc\u015ft\u00fcr\u00fclebilece\u011fine dair basit bir \u00f6rnek yer almaktad\u0131r:<\/p>\n
\n\n\n| \u00dcr\u00fcn Kodu<\/th>\n | Toplam Sat\u0131\u015f Adedi<\/th>\n<\/tr>\n<\/thead>\n |
\n\n| A101<\/td>\n | 5<\/td>\n<\/tr>\n |
\n| B202<\/td>\n | 3<\/td>\n<\/tr>\n |
\n| C303<\/td>\n | 1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n Bu tablo, <\/p>\n productSales<\/pre>\n<\/code> objesindeki verilerin bir d\u00f6ng\u00fc arac\u0131l\u0131\u011f\u0131yla dinamik olarak HTML'e yaz\u0131ld\u0131\u011f\u0131n\u0131 varsaymaktad\u0131r.<\/p>\n Oyun Geli\u015ftirme: Animasyonlar ve Fizik Motorlar\u0131 Perulamadan Nas\u0131l Faydalan\u0131r?<\/h3>\nOyun geli\u015ftirme, perulama algoritmalar\u0131n\u0131n en yo\u011fun ve dinamik kullan\u0131ld\u0131\u011f\u0131 alanlardan biridir. Bir oyunun her saniyesinde, karakter hareketlerinden fizik hesaplamalar\u0131na, yapay zeka davran\u0131\u015flar\u0131ndan grafik g\u00fcncellemelerine kadar say\u0131s\u0131z i\u015flem tekrar tekrar y\u00fcr\u00fct\u00fcl\u00fcr.<\/p>\n Vaka Senaryosu:<\/strong> Basit bir 2D platform oyununda, ana karakterin ekranda hareket etmesi, d\u00fc\u015fmanlar\u0131n belirlenen yollar\u0131 takip etmesi ve mermilerin belirli bir h\u0131zda ilerlemesi gerekiyor. T\u00fcm bu etkile\u015fimler, oyun motorunun ana d\u00f6ng\u00fcs\u00fc sayesinde m\u00fcmk\u00fcn olur.<\/p>\nBir oyunun temelinde her zaman bir \"Oyun D\u00f6ng\u00fcs\u00fc\" (Game Loop) bulunur. Bu d\u00f6ng\u00fc, oyun \u00e7al\u0131\u015f\u0131r durumda oldu\u011fu s\u00fcrece s\u00fcrekli olarak tekrar eder.<\/p>\n \n \/\/ Basit bir oyun d\u00f6ng\u00fcs\u00fc mant\u0131\u011f\u0131 (pseudocode)<\/span>\n function gameLoop() {\n while (oyunCalisiyor) {\n updateInput(); \/\/ Kullan\u0131c\u0131 girdilerini al\n updatePhysics(); \/\/ Fizik hesaplamalar\u0131n\u0131 yap (\u00e7arp\u0131\u015fmalar, yer\u00e7ekimi vb.)\n updateGameLogic(); \/\/ Karakter hareketleri, d\u00fc\u015fman AI's\u0131, skor vb.\n renderGraphics(); \/\/ Ekrandaki her \u015feyi yeniden \u00e7iz\n regulateFrameRate(); \/\/ Belirli bir kare h\u0131z\u0131n\u0131 koru (\u00f6rne\u011fin 60 FPS)\n }\n }\n\n \/\/ Karakter hareketinin updateGameLogic i\u00e7inde nas\u0131l i\u015flenece\u011fine dair bir \u00f6rnek<\/span>\n function updateCharacter(character) {\n \/\/ Kullan\u0131c\u0131 girdisine g\u00f6re karakterin pozisyonunu g\u00fcncelle\n if (character.isMovingRight) {\n character.x += character.speed;\n }\n if (character.isMovingLeft) {\n character.x -= character.speed;\n }\n \/\/ ... di\u011fer hareketler ve animasyon durumlar\u0131\n }\n\n \/\/ D\u00fc\u015fman yapay zekas\u0131 i\u00e7in basit bir d\u00f6ng\u00fc<\/span>\n function updateEnemies(enemies) {\n for (let i = 0; i < enemies.length; i++) {\n const enemy = enemies[i];\n \/\/ D\u00fc\u015fman\u0131n mevcut durumuna g\u00f6re hareketini veya eylemini g\u00fcncelle\n if (enemy.health > 0) {\n enemy.moveTowardsPlayer(); \/\/ \u00d6rne\u011fin, oyuncuya do\u011fru hareket et\n enemy.checkCollision(); \/\/ Oyuncu veya mermilerle \u00e7arp\u0131\u015fma kontrol\u00fc\n }\n }\n }\n <\/pre>\n<\/code><\/p>\n Oyun d\u00f6ng\u00fcs\u00fc, <\/p>\n while(oyunCalisiyor)<\/pre>\n<\/code> ko\u015fuluyla sonsuz bir d\u00f6ng\u00fc gibi \u00e7al\u0131\u015f\u0131r. Her iterasyonda, oyunun t\u00fcm nesnelerinin (karakterler, d\u00fc\u015fmanlar, mermiler, ortam elemanlar\u0131) durumu g\u00fcncellenir ve ard\u0131ndan ekran yeniden \u00e7izilir. <\/p>\n for<\/pre>\n<\/code> d\u00f6ng\u00fcleri ise, \u00f6rne\u011fin t\u00fcm d\u00fc\u015fmanlar\u0131n veya t\u00fcm mermilerin durumunu g\u00fcncellemek, \u00e7arp\u0131\u015fma kontrollerini yapmak gibi spesifik g\u00f6revler i\u00e7in oyun d\u00f6ng\u00fcs\u00fcn\u00fcn i\u00e7inde kullan\u0131l\u0131r. Bu s\u00fcrekli tekrarlar sayesinde, oyunculara ak\u0131c\u0131 animasyonlar, ger\u00e7ek\u00e7i fizik etkile\u015fimleri ve dinamik bir oyun deneyimi sunulur. Perulama algoritmalar\u0131 olmadan, oyunlar\u0131n sadece dura\u011fan g\u00f6r\u00fcnt\u00fclerden ibaret kalaca\u011f\u0131n\u0131 s\u00f6ylemek yanl\u0131\u015f olmazd\u0131. Bu vaka analizleri, perulaman\u0131n sadece teorik bir kavram olmad\u0131\u011f\u0131n\u0131, ayn\u0131 zamanda modern yaz\u0131l\u0131m\u0131n ve dijital d\u00fcnyan\u0131n itici g\u00fcc\u00fc oldu\u011funu a\u00e7\u0131k\u00e7a g\u00f6stermektedir.<\/p>\n Perulama Algoritmalar\u0131nda Performans ve Optimizasyon S\u0131rlar\u0131 Nelerdir?<\/h2>\nPerulama, programlamada g\u00fc\u00e7l\u00fc bir ara\u00e7 olsa da, dikkatsiz kullan\u0131ld\u0131\u011f\u0131nda performans darbo\u011fazlar\u0131na yol a\u00e7abilir. \u00d6zellikle b\u00fcy\u00fck veri setleri veya ger\u00e7ek zamanl\u0131 uygulamalarda, d\u00f6ng\u00fclerin verimlili\u011fi kritik \u00f6nem ta\u015f\u0131r. Bu b\u00f6l\u00fcmde, d\u00f6ng\u00fclerinizi nas\u0131l optimize edece\u011finize dair baz\u0131 ileri d\u00fczey ipu\u00e7lar\u0131 ve p\u00fcf noktalar\u0131 payla\u015faca\u011f\u0131z.<\/p>\n \u0130\u00e7 \u0130\u00e7e D\u00f6ng\u00fclerin (Nested Loops) Tehlikeleri ve Optimizasyonu<\/h3>\nBir d\u00f6ng\u00fcn\u00fcn i\u00e7ine ba\u015fka bir d\u00f6ng\u00fc yerle\u015ftirmeye i\u00e7 i\u00e7e d\u00f6ng\u00fc denir. Bu yap\u0131, iki boyutlu dizilerde gezinmek veya her \u00f6\u011fe \u00e7iftini kar\u015f\u0131la\u015ft\u0131rmak gibi durumlarda olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. Ancak, performans\u0131 en \u00e7ok etkileyen d\u00f6ng\u00fc t\u00fcrlerinden biridir.<\/p>\n \u00d6rnek Senaryo:<\/strong> Bir dizideki t\u00fcm tekrar eden eleman \u00e7iftlerini bulmak.<\/p>\n\n \/\/ K\u00f6t\u00fc performans \u00f6rne\u011fi: O(n^2)<\/span>\n const sayilar = [1, 2, 3, 2, 1, 4];\n for (let i = 0; i < sayilar.length; i++) {\n for (let j = 0; j < sayilar.length; j++) {\n if (i !== j && sayilar[i] === sayilar[j]) {\n \/\/ Tekrar eden \u00e7ift bulundu\n \/\/ console.log(${sayilar[i]} ve ${sayilar[j]} tekrar ediyor<\/code>);\n }\n }\n }\n <\/pre>\n<\/code><\/p>\n Yukar\u0131daki \u00f6rnekte, d\u0131\u015f d\u00f6ng\u00fc <\/p>\n n<\/pre>\n<\/code> kez, i\u00e7 d\u00f6ng\u00fc de <\/p>\n n<\/pre>\n<\/code> kez \u00e7al\u0131\u015f\u0131r. Toplamda <\/p>\n n * n = n^2<\/pre>\n<\/code> i\u015flem ger\u00e7ekle\u015fir. <\/p>\n n<\/pre>\n<\/code> b\u00fcy\u00fcd\u00fck\u00e7e, i\u015flem s\u00fcresi katlanarak artar. Bu durum, B\u00fcy\u00fck O g\u00f6sterimi<\/abbr> ile <\/p>\nO(n^2)<\/pre>\n<\/code> olarak ifade edilir ve b\u00fcy\u00fck veri setleri i\u00e7in kabul edilemez derecede yava\u015f olabilir.<\/p>\n Optimizasyon Y\u00f6ntemleri:<\/strong><\/p>\n\n- Algoritmay\u0131 De\u011fi\u015ftirme:<\/strong> E\u011fer m\u00fcmk\u00fcnse, i\u00e7 i\u00e7e d\u00f6ng\u00fclerden ka\u00e7\u0131nan veya daha verimli algoritmalar (\u00f6rne\u011fin hash tablosu kullanarak\n
O(n)<\/pre>\n<\/code> s\u00fcrede benzersiz elemanlar\u0131 bulmak) tercih edin.<\/li>\n - D\u00f6ng\u00fc S\u0131n\u0131rlar\u0131n\u0131 Daraltma:<\/strong> E\u011fer i\u00e7 i\u00e7e d\u00f6ng\u00fc ka\u00e7\u0131n\u0131lmazsa, d\u00f6ng\u00fc s\u0131n\u0131rlar\u0131n\u0131 m\u00fcmk\u00fcn oldu\u011funca daralt\u0131n. Yukar\u0131daki \u00f6rnekte,\n
j<\/pre>\n<\/code> d\u00f6ng\u00fcs\u00fc <\/p>\n i + 1<\/pre>\n<\/code>'den ba\u015flat\u0131larak gereksiz kar\u015f\u0131la\u015ft\u0131rmalar azalt\u0131labilir.<\/li>\n - Erken \u00c7\u0131k\u0131\u015f:<\/strong> Bir sonu\u00e7 bulundu\u011funda veya belirli bir ko\u015ful kar\u015f\u0131land\u0131\u011f\u0131nda\n
break<\/pre>\n<\/code> kullanarak d\u00f6ng\u00fcden erken \u00e7\u0131kmak performans\u0131 art\u0131rabilir.<\/li>\n<\/ul>\n break<\/code> ve continue<\/code> Kullanarak Ak\u0131\u015f Kontrol\u00fc<\/h3>\nbreak<\/pre>\n<\/code> ve <\/p>\n continue<\/pre>\n<\/code> anahtar kelimeleri, d\u00f6ng\u00fclerin performans\u0131n\u0131 ve okunabilirli\u011fini art\u0131rmak i\u00e7in \u00e7ok g\u00fc\u00e7l\u00fc ara\u00e7lard\u0131r.<\/p>\n \n- \n
break<\/pre>\n<\/code>:<\/strong> Bir ko\u015ful sa\u011fland\u0131\u011f\u0131nda d\u00f6ng\u00fcy\u00fc tamamen sonland\u0131rmak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir listede belirli bir \u00f6\u011feyi ararken, \u00f6\u011fe bulundu\u011funda d\u00f6ng\u00fcy\u00fc devam ettirmenin bir anlam\u0131 yoktur.<\/li>\n - \n
continue<\/pre>\n<\/code>:<\/strong> Mevcut d\u00f6ng\u00fc iterasyonunu atlayarak bir sonrakine ge\u00e7mek i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir dizi i\u00e7indeki sadece pozitif say\u0131lar\u0131 i\u015flemek istiyorsan\u0131z, negatif say\u0131larla kar\u015f\u0131la\u015ft\u0131\u011f\u0131n\u0131zda <\/p>\n continue<\/pre>\n<\/code> kullanarak d\u00f6ng\u00fcn\u00fcn geri kalan\u0131n\u0131 atlayabilirsiniz.<\/li>\n<\/ul>\n \n \/\/ \u00d6rnek: Bir listede ilk 70'ten b\u00fcy\u00fck say\u0131y\u0131 bul ve dur<\/span>\n const notlar = [45, 62, 78, 55, 91, 80];\n let bulunanNot = -1;\n for (let i = 0; i < notlar.length; i++) {\n if (notlar[i] > 70) {\n bulunanNot = notlar[i];\n break; \/\/ \u0130lk bulunan\u0131 ald\u0131k, d\u00f6ng\u00fcy\u00fc sonland\u0131r\n }\n }\n console.log(\"70'ten b\u00fcy\u00fck ilk not: \" + bulunanNot); \/\/ \u00c7\u0131kt\u0131: 78\n <\/pre>\n<\/code><\/p>\n Sonsuz D\u00f6ng\u00fclerden Ka\u00e7\u0131nmak<\/h3>\nYanl\u0131\u015f yap\u0131land\u0131r\u0131lm\u0131\u015f bir <\/p>\n while<\/pre>\n<\/code> veya <\/p>\n for<\/pre>\n<\/code> d\u00f6ng\u00fcs\u00fc, d\u00f6ng\u00fc ko\u015fulunun hi\u00e7bir zaman yanl\u0131\u015f olmayaca\u011f\u0131 bir duruma d\u00fc\u015febilir. Buna sonsuz d\u00f6ng\u00fc denir. Sonsuz d\u00f6ng\u00fcler, program\u0131n\u0131z\u0131n kilitlenmesine veya kaynaklar\u0131 t\u00fcketmesine neden olur. Sonsuz d\u00f6ng\u00fclerden ka\u00e7\u0131nmak i\u00e7in \u015funlardan emin olun:<\/p>\n \n- \n
while<\/pre>\n<\/code> d\u00f6ng\u00fclerinde, d\u00f6ng\u00fc ko\u015fulunu eninde sonunda yanl\u0131\u015f yapacak bir g\u00fcncelleme mekanizmas\u0131 (<\/p>\n i++<\/pre>\n<\/code>, <\/p>\n ko\u015ful = false<\/pre>\n<\/code> gibi) oldu\u011fundan emin olun.<\/li>\n - D\u00f6ng\u00fc de\u011fi\u015fkenlerinizin beklenmedik bir \u015fekilde de\u011fi\u015ftirilmedi\u011finden emin olun.<\/li>\n<\/ul>\n
\n \/\/ Sonsuz d\u00f6ng\u00fc \u00f6rne\u011fi (KA\u00c7ININ!)<\/span>\n \/\/ let i = 0;\n \/\/ while (true) {\n \/\/ console.log(\"Bu hi\u00e7 durmayacak!\");\n \/\/ \/\/ i de\u011feri burada art\u0131r\u0131lm\u0131yor veya ko\u015ful de\u011fi\u015ftirilmiyor\n \/\/ }\n <\/pre>\n<\/code><\/p>\n \n Uzman \u0130pucu: B\u00fcy\u00fck veri setleriyle \u00e7al\u0131\u015f\u0131rken, taray\u0131c\u0131da veya sunucuda bellek s\u0131n\u0131rlar\u0131n\u0131 zorlamamak i\u00e7in veri ak\u0131\u015f\u0131n\u0131 veya par\u00e7a par\u00e7a i\u015flemeyi d\u00fc\u015f\u00fcn\u00fcn (\u00f6rne\u011fin, \"batch processing\" veya \"lazy loading\"). Bu teknikle performans\u0131 %40 art\u0131rabilirsiniz. Ayr\u0131ca, JavaScript'te <\/p>\n for...of<\/pre>\n<\/code> d\u00f6ng\u00fcs\u00fc veya <\/p>\n Array.prototype.forEach()<\/pre>\n<\/code> gibi y\u00fcksek seviyeli dizi metotlar\u0131, bazen geleneksel <\/p>\n for<\/pre>\n<\/code> d\u00f6ng\u00fclerinden daha okunakl\u0131 ve belirli senaryolarda optimize edilmi\u015f olabilir. Ancak en kritik performans gerektiren durumlarda geleneksel <\/p>\n for<\/pre>\n<\/code> d\u00f6ng\u00fcs\u00fc halen en h\u0131zl\u0131 se\u00e7enek olabilir.\n <\/div>\n Performans optimizasyonu, her zaman algoritmik verimlilik ve okunabilirlik aras\u0131nda bir denge bulmay\u0131 gerektirir. K\u00fc\u00e7\u00fck veri setleri i\u00e7in a\u015f\u0131r\u0131 optimizasyon yapmak gereksiz olabilirken, b\u00fcy\u00fck \u00f6l\u00e7ekli uygulamalar i\u00e7in kritik \u00f6neme sahiptir. Bu teknikleri ustaca kullanarak, daha h\u0131zl\u0131 ve daha dayan\u0131kl\u0131 yaz\u0131l\u0131mlar geli\u015ftirebilirsiniz.<\/p>\n HTML ve CSS ile Mobil Uyumlu Listeler ve Tablolar Nas\u0131l Olu\u015fturulur?<\/h2>\nPerulama algoritmalar\u0131 genellikle sunum katman\u0131nda listeler veya tablolar gibi tekrarlayan HTML yap\u0131lar\u0131 olu\u015fturmak i\u00e7in kullan\u0131l\u0131r. Olu\u015fturulan bu i\u00e7eriklerin farkl\u0131 cihazlarda (mobil, tablet, masa\u00fcst\u00fc) d\u00fczg\u00fcn g\u00f6r\u00fcnmesi, modern web geli\u015ftiricili\u011finin olmazsa olmaz\u0131d\u0131r. Bu b\u00f6l\u00fcmde, d\u00f6ng\u00fclerle olu\u015fturulmu\u015f bu dinamik i\u00e7eriklerin mobil uyumlu hale getirilmesi i\u00e7in HTML ve CSS'i nas\u0131l kullanabilece\u011finize dair pratik ipu\u00e7lar\u0131 ve \u00f6rnekler sunaca\u011f\u0131z. Unutmay\u0131n, d\u00f6ng\u00fcler HTML yap\u0131s\u0131n\u0131 olu\u015ftururken, CSS bu yap\u0131n\u0131n nas\u0131l g\u00f6r\u00fcnece\u011fini belirler.<\/p>\n Mobil Uyumlu Listeler \u0130\u00e7in CSS \u0130pu\u00e7lar\u0131<\/h3>\nD\u00f6ng\u00fclerle olu\u015fturdu\u011funuz men\u00fcler, \u00f6zellik listeleri veya yorum b\u00f6l\u00fcmleri gibi <\/p>\n <\/pre>\n<\/code> ve <\/p>\n <\/pre>\n<\/code> elementleri, k\u00fc\u00e7\u00fck ekranlarda dar bir s\u00fctuna s\u0131\u011fd\u0131rmak i\u00e7in \u00f6zel ilgi gerektirebilir.<\/p>\n \n \/* Genel Liste Stili *\/<\/span>\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n li {\n background-color: #f0f0f0;\n margin-bottom: 8px;\n padding: 10px;\n border-radius: 4px;\n }\n\n \/* Mobil Uyum i\u00e7in Media Query *\/<\/span>\n @media (max-width: 600px) {\n ul {\n flex-direction: column; \/* E\u011fer flexbox kullan\u0131l\u0131yorsa dikey s\u0131rala *\/<\/span>\n }\n li {\n padding: 15px;\n font-size: 1.1em;\n }\n \/* Mobil men\u00fclerde bazen t\u00fcm geni\u015fli\u011fi kaplamas\u0131 istenir *\/<\/span>\n .mobile-menu li {\n width: 100%;\n text-align: center;\n }\n }\n <\/pre>\n<\/code><\/p>\n Bu \u00f6rnekte, temel liste \u00f6\u011feleri i\u00e7in stil tan\u0131mlanm\u0131\u015f ve <\/p>\n @media (max-width: 600px)<\/pre>\n<\/code> sorgusu ile ekran geni\u015fli\u011fi 600 pikselin alt\u0131na d\u00fc\u015ft\u00fc\u011f\u00fcnde, <\/p>\n - <\/pre>\n
<\/code> \u00f6\u011felerinin dolgusu ve yaz\u0131 tipi boyutu art\u0131r\u0131larak mobil cihazlarda daha okunakl\u0131 hale getirilmi\u015ftir. <\/p>\n flex-direction: column;<\/pre>\n<\/code> kullan\u0131m\u0131, e\u011fer liste \u00f6\u011feleri yatayda s\u0131ralanm\u0131\u015fsa, mobil g\u00f6r\u00fcn\u00fcmde dikey olarak alt alta gelmelerini sa\u011flar.<\/p>\n Mobil Uyumlu Tablolar \u0130\u00e7in CSS \u0130pu\u00e7lar\u0131<\/h3>\nTablolar, \u00f6zellikle bir\u00e7ok s\u00fctuna sahip olduklar\u0131nda, k\u00fc\u00e7\u00fck ekranlarda g\u00f6r\u00fcnt\u00fclendi\u011finde ciddi layout sorunlar\u0131na yol a\u00e7abilir. <\/p>\n <\/pre>\n<\/code> elementlerini mobil uyumlu hale getirmek i\u00e7in birka\u00e7 farkl\u0131 strateji mevcuttur:<\/p>\n \n- Tabloyu Kayd\u0131r\u0131labilir Yapmak:<\/strong> En basit y\u00f6ntem, tabloyu bir kapsay\u0131c\u0131\n
<\/pre>\n <\/code> i\u00e7ine alarak yatayda kayd\u0131r\u0131labilir olmas\u0131n\u0131 sa\u011flamakt\u0131r.<\/li>\n - Kart G\u00f6r\u00fcn\u00fcm\u00fc:<\/strong> Her bir sat\u0131r\u0131 mobil cihazlarda bir \"kart\" gibi g\u00f6stermek. Bu, tablonun semantik yap\u0131s\u0131n\u0131 de\u011fi\u015ftirmez ancak g\u00f6rsel sunumunu d\u00f6n\u00fc\u015ft\u00fcr\u00fcr.<\/li>\n
- S\u00fctunlar\u0131 Gizleme:<\/strong> Baz\u0131 s\u00fctunlar\u0131 mobil g\u00f6r\u00fcn\u00fcmde tamamen gizlemek veya \u00f6nceli\u011fe g\u00f6re g\u00f6stermek.<\/li>\n<\/ol>\n
Kayd\u0131r\u0131labilir Tablo \u00d6rne\u011fi:<\/strong><\/p>\n\n \/* HTML yap\u0131s\u0131 *\/<\/span>\n \n \n \n <\/table>\n <\/div>\n\n
|