{"id":28225,"date":"2025-08-25T11:00:33","date_gmt":"2025-08-25T08:00:33","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/19-javascript-one-lineri-zihninizi-havaya-ucuracak-kodlar\/"},"modified":"2025-08-25T11:00:33","modified_gmt":"2025-08-25T08:00:33","slug":"19-javascript-one-lineri-zihninizi-havaya-ucuracak-kodlar","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/19-javascript-one-lineri-zihninizi-havaya-ucuracak-kodlar\/","title":{"rendered":"19 JavaScript One-liner’\u0131: Zihninizi Havaya U\u00e7uracak Kodlar"},"content":{"rendered":"

19 JavaScript One-liner’\u0131: Zihninizi Havaya U\u00e7uracak Kodlar<\/p>\n

JavaScript’in g\u00fcc\u00fcn\u00fc k\u0131sa ve \u00f6z kodlarla ke\u015ffetmeye haz\u0131r m\u0131s\u0131n\u0131z? Bu makalede, kod yaz\u0131m\u0131n\u0131z\u0131 h\u0131zland\u0131racak, okunabilirli\u011fi art\u0131racak ve JavaScript’in gizli yeteneklerini ortaya \u00e7\u0131karacak 19 muhte\u015fem bir sat\u0131rl\u0131k kodu inceleyece\u011fiz. Hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in pratik \u00f6rnekler ve ileri seviye tekniklerle dolu bu rehber, JavaScript yeteneklerinizi bir \u00fcst seviyeye ta\u015f\u0131man\u0131za yard\u0131mc\u0131 olacakt\u0131r. Haz\u0131rsan\u0131z, JavaScript d\u00fcnyas\u0131nda unutulmaz bir yolculu\u011fa \u00e7\u0131kal\u0131m!<\/p>\n

JavaScript One-liner’lar\u0131na Giri\u015f: Temel Kavramlar<\/h2>\n

JavaScript, dinamik ve esnek yap\u0131s\u0131yla bilinen bir programlama dilidir. Bu esneklik, karma\u015f\u0131k i\u015flemleri tek bir sat\u0131rda ifade etmemize olanak tan\u0131r. “One-liner” olarak adland\u0131rd\u0131\u011f\u0131m\u0131z bu k\u0131sa kodlar, kodun okunabilirli\u011fini art\u0131r\u0131rken, ayn\u0131 zamanda zaman ve kaynak tasarrufu sa\u011flar. Ancak, a\u015f\u0131r\u0131ya ka\u00e7madan, okunabilirli\u011fi koruyarak kullanmak \u00f6nemlidir. Karma\u015f\u0131k i\u015flemleri tek sat\u0131ra s\u0131k\u0131\u015ft\u0131rmak, kodun anla\u015f\u0131lmas\u0131n\u0131 zorla\u015ft\u0131rabilir. Bu nedenle, dengeyi iyi kurmak \u00e7ok \u00f6nemlidir. Bu b\u00f6l\u00fcmde, one-liner’lar\u0131n temellerini ve genel kullan\u0131m senaryolar\u0131n\u0131 ele alaca\u011f\u0131z. \u00d6ncelikle JavaScript’in temel yap\u0131lar\u0131n\u0131 bilmek faydal\u0131 olacakt\u0131r; de\u011fi\u015fkenler, fonksiyonlar, d\u00f6ng\u00fcler ve ko\u015fullu ifadeler gibi. One-liner’lar genellikle bu yap\u0131lar\u0131 k\u0131sa ve \u00f6z bir \u015fekilde kullanarak yaz\u0131l\u0131r.<\/p>\n

\u00d6rne\u011fin, bir dizi i\u00e7indeki en b\u00fcy\u00fck say\u0131y\u0131 bulmak i\u00e7in klasik bir yakla\u015f\u0131m, d\u00f6ng\u00fcler ve kar\u015f\u0131la\u015ft\u0131rma operat\u00f6rlerini kullanmay\u0131 gerektirir. Ancak JavaScript’in Math.max()<\/code> fonksiyonuyla ve spread<\/code> operat\u00f6r\u00fcyle bu i\u015flem tek bir sat\u0131ra indirgenebilir: <\/p>\n

const dizi = [1, 5, 2, 8, 3];\nconst enBuyukSayi = Math.max(...dizi); \/\/ 8<\/pre>\n
<\/code><\/p>\n
Bu \u00f6rnekte, ...dizi<\/code> ifadesi dizi elemanlar\u0131n\u0131 Math.max()<\/code> fonksiyonuna ayr\u0131 ayr\u0131 arg\u00fcmanlar olarak g\u00f6nderir. Bu sayede, tek bir sat\u0131rda dizi i\u00e7indeki en b\u00fcy\u00fck say\u0131y\u0131 bulabiliriz.  Bu, one-liner'lar\u0131n ne kadar verimli olabilece\u011fini g\u00f6steren g\u00fczel bir \u00f6rnektir.  Daha karma\u015f\u0131k \u00f6rnekler i\u00e7in, fonksiyonel programlama tekniklerini de kullanabiliriz.<\/p>\n
Yeni Ba\u015flayanlar \u0130\u00e7in: Temel JavaScript One-liner'lar\u0131<\/h2>\n
JavaScript'e yeni ba\u015flad\u0131ysan\u0131z, basit one-liner'larla ba\u015flayarak kendinizi geli\u015ftirebilirsiniz.  Bu b\u00f6l\u00fcmde, yeni ba\u015flayanlar i\u00e7in ideal olan baz\u0131 temel one-liner \u00f6rnekleri g\u00f6rece\u011fiz.  Bu \u00f6rnekler, temel JavaScript konular\u0131n\u0131 prati\u011fe d\u00f6kmenize ve one-liner yazma mant\u0131\u011f\u0131n\u0131 anlaman\u0131za yard\u0131mc\u0131 olacakt\u0131r.  \u00d6rne\u011fin, iki say\u0131y\u0131 toplamak i\u00e7in klasik bir y\u00f6ntem \u015fu \u015fekildedir:<\/p>\n
let sayi1 = 10;\nlet sayi2 = 5;\nlet toplam = sayi1 + sayi2;<\/pre>\n
<\/code><\/p>\n
Bu i\u015flemi tek sat\u0131rda \u015fu \u015fekilde yapabiliriz:<\/p>\n
let toplam = 10 + 5;<\/pre>\n
<\/code><\/p>\n
G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, ayn\u0131 i\u015flemi \u00e7ok daha k\u0131sa ve \u00f6z bir \u015fekilde ger\u00e7ekle\u015ftirebiliriz.  Ayn\u0131 mant\u0131k di\u011fer temel i\u015flemler i\u00e7in de ge\u00e7erlidir.  \u00c7arpma, b\u00f6lme, \u00e7\u0131karma gibi i\u015flemleri tek sat\u0131rda ger\u00e7ekle\u015ftirebilirsiniz.  Ayr\u0131ca, console.log()<\/code> fonksiyonunu kullanarak sonu\u00e7lar\u0131 do\u011frudan konsolda g\u00f6r\u00fcnt\u00fcleyebilirsiniz.  Bu, kodunuzu test etmenizi ve sonu\u00e7lar\u0131 an\u0131nda g\u00f6rmenizi sa\u011flar.  \u00d6rne\u011fin, bir de\u011fi\u015fkenin de\u011ferini konsolda g\u00f6r\u00fcnt\u00fclemek i\u00e7in:<\/p>\n
console.log(\"Merhaba D\u00fcnya!\");<\/pre>\n
<\/code><\/p>\n
Bu basit one-liner'lar, JavaScript'in g\u00fcc\u00fcn\u00fc k\u00fc\u00e7\u00fck \u00f6l\u00e7ekte deneyimlemenizi sa\u011flayacak ve daha karma\u015f\u0131k one-liner'lara ge\u00e7i\u015f yapman\u0131za yard\u0131mc\u0131 olacakt\u0131r. Unutmay\u0131n, pratik yapmak m\u00fckemmelli\u011fe ula\u015fman\u0131n anahtar\u0131d\u0131r.  Daha fazla \u00f6rnek i\u00e7in (https:\/\/fatihsoysal.com) adresini ziyaret edebilirsiniz.<\/p>\n
Orta Seviye: Fonksiyonel Programlama ile One-liner'lar<\/h2>\n
Orta seviyede JavaScript bilginiz varsa, fonksiyonel programlama tekniklerini kullanarak daha karma\u015f\u0131k one-liner'lar yazabilirsiniz.  Fonksiyonel programlama, kodun daha okunabilir, daha test edilebilir ve daha bak\u0131m\u0131 kolay olmas\u0131n\u0131 sa\u011flar.  Bu b\u00f6l\u00fcmde, fonksiyonel programlama tekniklerini kullanarak yaz\u0131lm\u0131\u015f birka\u00e7 one-liner \u00f6rne\u011fi g\u00f6rece\u011fiz.  \u00d6rne\u011fin, bir dizi i\u00e7indeki \u00e7ift say\u0131lar\u0131 filtrelemek i\u00e7in:<\/p>\n
const dizi = [1, 2, 3, 4, 5, 6];\nconst ciftSayilar = dizi.filter(sayi => sayi % 2 === 0); \/\/ [2, 4, 6]<\/pre>\n
<\/code><\/p>\n
Bu \u00f6rnekte, filter()<\/code> fonksiyonu, dizi i\u00e7indeki her bir say\u0131 i\u00e7in bir ko\u015ful kontrol eder ve ko\u015fulu sa\u011flayan say\u0131lar\u0131 yeni bir diziye ekler.  Bu i\u015flem, tek bir sat\u0131rda ger\u00e7ekle\u015ftirilir ve olduk\u00e7a okunabilirdir.  Benzer \u015fekilde, map()<\/code> fonksiyonu kullanarak dizi elemanlar\u0131n\u0131 d\u00f6n\u00fc\u015ft\u00fcrebilir, reduce()<\/code> fonksiyonu kullanarak dizi elemanlar\u0131n\u0131 tek bir de\u011fere indirgeyebilirsiniz.  Bu fonksiyonel programlama teknikleri, JavaScript one-liner'lar\u0131n\u0131z\u0131 daha g\u00fc\u00e7l\u00fc ve daha verimli hale getirir.  Bununla birlikte, karma\u015f\u0131k fonksiyonel programlama tekniklerini kullan\u0131rken, kodun okunabilirli\u011fine dikkat etmek \u00f6nemlidir.  A\u015f\u0131r\u0131 karma\u015f\u0131k one-liner'lar, kodun anla\u015f\u0131lmas\u0131n\u0131 zorla\u015ft\u0131rabilir.<\/p>\n
Bir di\u011fer \u00f6rnek olarak, bir dizideki t\u00fcm say\u0131lar\u0131n toplam\u0131n\u0131 bulmak i\u00e7in reduce()<\/code> fonksiyonunu kullanabiliriz:<\/p>\n
const toplam = dizi.reduce((toplam, sayi) => toplam + sayi, 0);<\/pre>\n
<\/code><\/p>\n
Bu \u00f6rnekte, reduce()<\/code> fonksiyonu, dizi elemanlar\u0131n\u0131 s\u0131rayla i\u015fleyerek toplam de\u011ferini hesaplar.  0<\/code> de\u011feri, ba\u015flang\u0131\u00e7 toplam de\u011ferini belirtir. Bu tek sat\u0131rl\u0131k kod, d\u00f6ng\u00fcler kullanarak elde edece\u011finiz ayn\u0131 sonucu \u00e7ok daha kompakt bir \u015fekilde sa\u011flar.<\/p>\n
\u0130leri D\u00fczey: Karma\u015f\u0131k \u0130\u015flemler \u0130\u00e7in One-liner'lar<\/h2>\n
Deneyimli JavaScript geli\u015ftiricileri i\u00e7in, daha karma\u015f\u0131k i\u015flemleri tek bir sat\u0131rda ger\u00e7ekle\u015ftirme yetene\u011fi olduk\u00e7a \u00f6nemlidir.  Bu b\u00f6l\u00fcmde, ileri d\u00fczey teknikler kullanarak yaz\u0131lm\u0131\u015f baz\u0131 karma\u015f\u0131k one-liner \u00f6rneklerini inceleyece\u011fiz.  Bu \u00f6rnekler, JavaScript'in g\u00fcc\u00fcn\u00fc ve esnekli\u011fini tam olarak g\u00f6stermektedir.  \u00d6rne\u011fin, bir nesne i\u00e7indeki belirli bir \u00f6zelli\u011fin de\u011ferini bulmak i\u00e7in:<\/p>\n
const nesne = { ad: \"Ahmet\", yas: 30, sehir: \"Ankara\" };\nconst yas = nesne.yas; \/\/ 30<\/pre>\n
<\/code><\/p>\n
Bu basit \u00f6rne\u011fi bir ad\u0131m daha ileri g\u00f6t\u00fcrelim ve nesnenin i\u00e7indeki bir \u00f6zelli\u011fin varl\u0131\u011f\u0131n\u0131 kontrol edip, varsa de\u011ferini, yoksa varsay\u0131lan bir de\u011fer d\u00f6nd\u00fcrelim:<\/p>\n
const yas = nesne.yas || 25; \/\/ nesne.yas varsa nesne.yas de\u011ferini, yoksa 25 de\u011ferini d\u00f6nd\u00fcr\u00fcr<\/pre>\n
<\/code><\/p>\n
Bu tek sat\u0131rl\u0131k kod, ko\u015fullu bir ifadeyi ve k\u0131sa devre de\u011ferlendirmesini (short-circuiting) kullanarak, okunabilirli\u011fi y\u00fcksek bir \u015fekilde bir g\u00f6revi tamamlar.  \u0130leri d\u00fczey one-liner'lar genellikle, fonksiyonel programlama, k\u0131sa devre de\u011ferlendirmesi ve terner operat\u00f6r\u00fcn\u00fc birle\u015ftirerek yaz\u0131l\u0131r.  Ancak, karma\u015f\u0131k one-liner'lar\u0131 yazarken, kodun okunabilirli\u011fi ve bak\u0131m\u0131 kolayl\u0131\u011f\u0131 her zaman \u00f6nceliklendirilmelidir.  A\u015f\u0131r\u0131 karma\u015f\u0131k one-liner'lar, uzun vadede daha fazla sorun yaratabilir.<\/p>\n
Bir di\u011fer ileri d\u00fczey \u00f6rnek ise, async\/await ile birlikte kullan\u0131lan bir one-liner olabilir.  \u00d6rne\u011fin, bir API \u00e7a\u011fr\u0131s\u0131 yap\u0131p sonucu i\u015flemek i\u00e7in:<\/p>\n
const veri = await fetch('https:\/\/api.example.com\/data').then(response => response.json());<\/pre>\n
<\/code><\/p>\n
Bu, tek bir sat\u0131rda bir API \u00e7a\u011fr\u0131s\u0131 yapar, cevab\u0131 JSON olarak ayr\u0131\u015ft\u0131r\u0131r ve veri<\/code> de\u011fi\u015fkenine atar.  Ancak, hata y\u00f6netimi gibi ek i\u015flemler i\u00e7in bu \u00f6rnek daha da geli\u015ftirilebilir.  Daha fazla \u00f6rnek ve detayl\u0131 bilgiler i\u00e7in (https:\/\/fatihsoysal.com) sitesini ziyaret edebilirsiniz.<\/p>\n
Nas\u0131l Yap\u0131l\u0131r?  Performans Kar\u015f\u0131la\u015ft\u0131rmalar\u0131<\/h2>\n
One-liner'lar her zaman en performansl\u0131 \u00e7\u00f6z\u00fcm olmayabilir.  Bu b\u00f6l\u00fcmde, farkl\u0131 yakla\u015f\u0131m y\u00f6ntemlerinin performans\u0131n\u0131 kar\u015f\u0131la\u015ft\u0131raca\u011f\u0131z.  Baz\u0131 durumlarda, birden fazla sat\u0131rl\u0131k kod, one-liner'lardan daha performansl\u0131 olabilir.  \u00d6zellikle b\u00fcy\u00fck veri k\u00fcmeleriyle \u00e7al\u0131\u015f\u0131rken, performans \u00f6nemli bir fakt\u00f6r haline gelir.  Performans\u0131 \u00f6l\u00e7mek i\u00e7in, JavaScript'in performans \u00f6l\u00e7\u00fcm ara\u00e7lar\u0131n\u0131 kullanabiliriz.  Bu ara\u00e7lar, kodun ne kadar s\u00fcre \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve ne kadar bellek kulland\u0131\u011f\u0131n\u0131 \u00f6l\u00e7memize olanak tan\u0131r.  A\u015fa\u011f\u0131daki tabloda, \u00fc\u00e7 farkl\u0131 yakla\u015f\u0131m\u0131 kar\u015f\u0131la\u015ft\u0131raca\u011f\u0131z:<\/p>\n\n\n\n\n\n
Y\u00f6ntem<\/th>\nPerformans<\/th>\nOkunabilirlik<\/th>\n<\/tr>\n
One-liner (Fonksiyonel)<\/td>\nOrta<\/td>\nY\u00fcksek<\/td>\n<\/tr>\n
Birden Fazla Sat\u0131rl\u0131k Kod (D\u00f6ng\u00fcler)<\/td>\nD\u00fc\u015f\u00fck<\/td>\nD\u00fc\u015f\u00fck<\/td>\n<\/tr>\n
\u00d6zel \u00c7\u00f6z\u00fcm (Optimize Edilmi\u015f)<\/td>\nY\u00fcksek<\/td>\nOrta<\/td>\n<\/tr>\n<\/table>\n
Bu tabloda, fonksiyonel one-liner'lar\u0131n genellikle orta seviye bir performansa sahip oldu\u011funu, ancak okunabilirli\u011finin y\u00fcksek oldu\u011funu g\u00f6r\u00fcyoruz.  D\u00f6ng\u00fcler kullanarak yaz\u0131lan birden fazla sat\u0131rl\u0131k kodun performans\u0131 d\u00fc\u015f\u00fck olabilir, ancak okunabilirli\u011fi de d\u00fc\u015f\u00fck olabilir.  Optimize edilmi\u015f \u00f6zel \u00e7\u00f6z\u00fcmler ise en y\u00fcksek performans\u0131 sa\u011flayabilir, ancak okunabilirli\u011fi orta seviyede olabilir.  Performans kar\u015f\u0131la\u015ft\u0131rmalar\u0131, kullan\u0131lan veri k\u00fcmesinin boyutuna ve karma\u015f\u0131kl\u0131\u011f\u0131na g\u00f6re de\u011fi\u015febilir.  Bu nedenle, her durum i\u00e7in en uygun y\u00f6ntemi se\u00e7mek \u00f6nemlidir.<\/p>\n
JavaScript One-liner'lar\u0131nda G\u00fcvenlik Uyar\u0131lar\u0131<\/h2>\n
Dikkat!  One-liner'lar\u0131 kullan\u0131rken g\u00fcvenlik hususlar\u0131na dikkat etmek \u00e7ok \u00f6nemlidir.  \u00d6zellikle kullan\u0131c\u0131 girdilerini do\u011frudan one-liner'larda kullan\u0131rken, g\u00fcvenlik a\u00e7\u0131klar\u0131na yol a\u00e7abilecek hatalardan ka\u00e7\u0131nmak i\u00e7in \u00f6nlemler almak gerekir.  \u00d6rne\u011fin, kullan\u0131c\u0131 girdilerini do\u011frulamadan do\u011frudan JavaScript kodunda kullanmak, XSS (Cross-Site Scripting) sald\u0131r\u0131lar\u0131na yol a\u00e7abilir.  Bu nedenle, kullan\u0131c\u0131 girdilerini her zaman do\u011frulamak ve temizlemek gerekir.  A\u015fa\u011f\u0131daki \u00f6rnekte, kullan\u0131c\u0131 girdisini do\u011frudan HTML'de kullanman\u0131n risklerini g\u00f6steriyoruz.  Bu \u00e7ok tehlikeli bir uygulamad\u0131r ve kesinlikle yap\u0131lmamal\u0131d\u0131r:<\/p>\n
<\/div>\n