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]
]);

Kendi kendinize deneyin

Map.get()

Kullanılabilir get() Metod, Map içindeki bir anahtarın değerini alır:

örnek

fruits.get("apples");

Kendi kendinize deneyin

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);

Kendi kendinize deneyin

set() Metod, mevcut Map değerini değiştirmek için de kullanılabilir:

örnek

fruits.set("apples", 500);

Kendi kendinize deneyin

Map.size

size Özellik, Map içindeki öğe sayısını döndürür:

örnek

fruits.size;

Kendi kendinize deneyin

Map.delete()

delete() Metod Map içindeki bir öğeyi kaldırır:

örnek

fruits.delete("apples");

Kendi kendinize deneyin

Map.clear()

clear() Metod Map içindeki tüm öğeleri kaldırır:

örnek

fruits.clear();

Kendi kendinize deneyin

Map.has()

Map içinde belirli bir anahtar varsa:has() Metod true döndürür:

örnek

fruits.has("apples");

Kendi kendinize deneyin

Aşağıdaki kodu deneyin:

fruits.delete("apples");
fruits.has("apples");

Kendi kendinize deneyin

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;
});

Kendi kendinize deneyin

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;
}

Kendi kendinize deneyin

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;
}

Kendi kendinize deneyin

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;
}

Kendi kendinize deneyin

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;
}

Kendi kendinize deneyin

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);

Kendi kendinize deneyin

Dikkat:Anahtar nesne (apples) değil, string ("apples"):

örnek

fruits.get("apples"); // undefined döner

Kendi kendinize deneyin

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);

Kendi kendinize deneyin

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.