JavaScript Map Metotları
new Map() yöntemi
new Map() yöntemine bir dizi göndererek new Map()
Yapıcı fonksiyon, Map oluşturmak için kullanılır:
örnek
// Bir Map oluşturma const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200] ]);
Map.get()
Kullanılabilir get()
Metod, Map içindeki bir anahtarın değerini alır:
örnek
fruits.get("apples");
Map.set()
Kullanılabilir set()
Metod, Map e yeni bir öğe ekler:
örnek
// Bir Map oluşturma const fruits = new Map(); // Map değeri ayarlayın fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
Metod, mevcut Map değerini değiştirmek için de kullanılabilir:
örnek
fruits.set("apples", 500);
Map.size
size
Özellik, Map içindeki öğe sayısını döndürür:
örnek
fruits.size;
Map.delete()
delete()
Metod Map içindeki bir öğeyi kaldırır:
örnek
fruits.delete("apples");
Map.clear()
clear()
Metod Map içindeki tüm öğeleri kaldırır:
örnek
fruits.clear();
Map.has()
Map içinde belirli bir anahtar varsa:has()
Metod true döndürür:
örnek
fruits.has("apples");
Aşağıdaki kodu deneyin:
fruits.delete("apples"); fruits.has("apples");
Map.forEach()
forEach()
Metod, Map içindeki her bir anahtar-değer çiftine geri çağrı fonksiyonu çağırır:
örnek
// tüm girdileri listeleyin let text = ""; fruits.forEach(function(value, key) { text += key + ' = ' + value; });
Map.entries()
entries()
Metod, Map içindeki [key, value] doğru dizi nesnesi:
örnek
// tüm girdileri listeleyin let text = ""; for (const x of fruits.entries()) { text += x; }
Map.keys()
keys()
Metod, Map içindeki anahtarları içeren bir dizi nesnesi döndürür:
örnek
// tüm anahtarları listeleyin let text = ""; for (const x of fruits.keys()) { text += x; }
Map.values()
values()
metodu Map içindeki değerler için bir dizi içeren bir döngü nesnesi döner:
örnek
// Tüm değerleri listeler let text = ""; for (const x of fruits.values()) { text += x; }
Kullanılabilir values()
metodu Map içindeki değerleri toplar:
örnek
// Tüm değerlerin toplamını alır let total = 0; for (const x of fruits.values()) { total += x; }
Nesneler olarak anahtar
İpucu:Nesneleri anahtar olarak kullanabilmek Map'in önemli bir özelliğidir.
örnek
// Nesne oluşturma const apples = {name: 'Apples'}; const bananas = {name: 'Bananas'}; const oranges = {name: 'Oranges'}; // Bir Map oluşturma const fruits = new Map(); // Map'e yeni bir eleman eklenir fruits.set(apples, 500); fruits.set(bananas, 300); fruits.set(oranges, 200);
Dikkat:Anahtar nesne (apples) değil, string ("apples"):
örnek
fruits.get("apples"); // undefined döner
JavaScript Map.groupBy()
ES2024, JavaScript'e Map.groupBy()
metodu.
Map.groupBy()
metodu nesnenin elemanlarını geri çağrı fonksiyonu tarafından dönen string değerlere göre gruplandırır.
Map.groupBy()
metodu orijinal nesneyi değiştirmez.
örnek
// Bir dizi oluşturma const fruits = [ {name: "apples", quantity: 300}, {name: "bananas", quantity: 500}, {name: "oranges", quantity: 200}, {name: "kiwi", quantity: 150} ]; // Gruplandırma için kullanılan geri çağrı fonksiyonu function myCallback({ quantity }) { return quantity > 200 ? "ok" : "low"; } // Gruplandırma için const result = Map.groupBy(fruits, myCallback);
Tarayıcı Desteği
Map.groupBy()
ES2024 özelliğidir.
2024 Mart'tan itibaren, yeni tarayıcılar bu özelliği destekler:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 117 | Edge 117 | Firefox 119 | Safari 17.4 | Opera 103 |
2023 Eylül | 2023 Eylül | 2023 Ekim | 2024 Ekim | 2023 Mayıs |
Uyarı:
ES2024 özellikleri nispeten yeni.
Eski tarayıcılar için alternatif kod (Polyfill) gerekebilir.
Object.groupBy() ile Map.groupBy() arasındaki fark
Object.groupBy()
ve Map.groupBy()
Farkı şudur:
Object.groupBy()
Elemanları JavaScript nesnesine gruplayın.
Map.groupBy()
Elemanları Map nesnesine gruplayın.
Tam Map Referans Kılavuzu
Tam referans için lütfen ziyaret edin:JavaScript Map Kaynak Kılavuzu.
Bu el kitabı tüm Map özellikleri ve yöntemlerinin açıklamaları ve örneklerini içerir.