{"id":11061,"date":"2025-01-30T18:00:12","date_gmt":"2025-01-30T15:00:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascriptte-map-objesini-siralama\/"},"modified":"2025-01-30T18:00:12","modified_gmt":"2025-01-30T15:00:12","slug":"javascriptte-map-objesini-siralama","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascriptte-map-objesini-siralama\/","title":{"rendered":"JavaScript’te Map Objesini S\u0131ralama"},"content":{"rendered":"

JavaScript’te Map Objesini S\u0131ralama<\/p>\n

JavaScript’te Map objeleri, key-value \u00e7iftleri depolayan, s\u0131ral\u0131 olmayan veri yap\u0131lar\u0131d\u0131r. Ancak, bazen bu Map objelerini belirli bir kritere g\u00f6re s\u0131ralamak gerekebilir. Bu makalede, JavaScript’te Map objelerini farkl\u0131 y\u00f6ntemlerle nas\u0131l s\u0131ralayabilece\u011finizi detayl\u0131 olarak a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, Map objelerinin temel \u00f6zelliklerinden bahsedelim. Map’ler, ekleme s\u0131ras\u0131n\u0131 koruyarak elemanlar\u0131 depolarlar. Yine de, bu s\u0131ralama, istedi\u011fimiz bir s\u0131raya g\u00f6re yeniden d\u00fczenlenebilir.<\/p>\n

Map Objesini S\u0131ralamak \u0130\u00e7in Y\u00f6ntemler<\/h2>\n

Map objelerini do\u011frudan s\u0131ralayamay\u0131z \u00e7\u00fcnk\u00fc Map, s\u0131ralama \u00f6zelli\u011fine sahip de\u011fildir. Bunun yerine, Map objesinin elemanlar\u0131n\u0131 bir diziye d\u00f6n\u00fc\u015ft\u00fcrmeli ve bu diziyi s\u0131ralamam\u0131z gerekir. \u0130\u015fte bunu ba\u015farabilece\u011finiz birka\u00e7 y\u00f6ntem:<\/p>\n

1. Array.from() ile S\u0131ralama<\/h3>\n

En yayg\u0131n y\u00f6ntem, Array.from() metodunu kullanmakt\u0131r. Bu metod, Map objesinin elemanlar\u0131n\u0131 bir diziye d\u00f6n\u00fc\u015ft\u00fcr\u00fcr ve bu dizi daha sonra istedi\u011fimiz \u015fekilde s\u0131ralanabilir. \u00d6rne\u011fin, key’lere g\u00f6re artan s\u0131rada s\u0131ralamak i\u00e7in:<\/p>\n

\nconst myMap = new Map([\n  ['c', 3],\n  ['a', 1],\n  ['b', 2]\n]);\n\nconst sortedArray = Array.from(myMap).sort((a, b) => a[0].localeCompare(b[0]));\n\nconsole.log(sortedArray); \/\/ [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]\n\nconst sortedMap = new Map(sortedArray);\n\nconsole.log(sortedMap); \/\/ Map(3) { 'a' => 1, 'b' => 2, 'c' => 3 }\n<\/code><\/pre>\n
Bu \u00f6rnekte, \u00f6nce Map objesini Array.from() ile diziye \u00e7eviriyoruz.  Sonras\u0131nda, sort() metodu ile key’leri alfabetik olarak s\u0131ral\u0131yoruz.  localeCompare() fonksiyonu, farkl\u0131 dillerdeki karakterlerin do\u011fru kar\u015f\u0131la\u015ft\u0131r\u0131lmas\u0131n\u0131 sa\u011flar.  Son olarak, s\u0131ral\u0131 diziyi tekrar bir Map objesine d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.  Value’lara g\u00f6re s\u0131ralamak i\u00e7in de benzer bir yakla\u015f\u0131m izlenir; sadece kar\u015f\u0131la\u015ft\u0131rma fonksiyonu de\u011fi\u015ftirilir.<\/p>\n
2.  entries() Metodu ile S\u0131ralama<\/h3>\n
Alternatif olarak, Map’in entries() metodunu kullanarak da ayn\u0131 sonucu elde edebiliriz.  entries() metodu, Map’in her bir eleman\u0131n\u0131 bir [key, value] dizisi olarak d\u00f6nd\u00fcr\u00fcr.  Bu diziyi sort() metodu ile s\u0131ralayabiliriz:<\/p>\n
\nconst myMap = new Map([\n  ['c', 3],\n  ['a', 1],\n  ['b', 2]\n]);\n\nconst sortedEntries = [...myMap.entries()].sort((a, b) => a[0].localeCompare(b[0]));\n\nconst sortedMap = new Map(sortedEntries);\n\nconsole.log(sortedMap); \/\/ Map(3) { 'a' => 1, 'b' => 2, 'c' => 3 }\n<\/code><\/pre>\n
Bu y\u00f6ntem, Array.from() y\u00f6ntemine olduk\u00e7a benzerdir.  Fark, Map’in kendi metodu olan entries() kullan\u0131lmas\u0131d\u0131r.  Bu y\u00f6ntemin avantaj\u0131 daha okunabilir olmas\u0131d\u0131r.<\/p>\n
Hangi Y\u00f6ntemi Se\u00e7meliyim?<\/h2>\n
Her iki y\u00f6ntem de ayn\u0131 sonucu verir.  Ki\u015fisel tercihinize veya kod stilinize ba\u011fl\u0131 olarak birini tercih edebilirsiniz.  Ancak,  entries() metodu,  daha temiz ve daha a\u00e7\u0131klay\u0131c\u0131 bir kod \u00fcretti\u011fi i\u00e7in genellikle tercih edilir.<\/p>\n
Umar\u0131m bu makale, JavaScript’te Map objelerini s\u0131ralamada size yard\u0131mc\u0131 olmu\u015ftur.  Daha fazla JavaScript ipucu ve \u00f6\u011fretici i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Ba\u015fka sorular\u0131n\u0131z varsa l\u00fctfen yorum yapmaktan \u00e7ekinmeyin.<\/p>\n
Faydal\u0131 Kaynaklar:<\/strong><\/p>\n