JavaScript Haritaları
Harita, anahtarların herhangi bir veri türü olabileceği anahtar/değer çiftlerini tutar.
Bir Harita, tuşların orijinal ekleme sırasını hatırlar.
Bir Harita, haritanın boyutunu temsil eden bir özelliğe sahiptir.
Harita Yöntemleri
| Yöntem | Açıklama |
|---|---|
| yeni Harita() | Yeni bir Harita nesnesi oluşturur |
| ayarlamak() | Haritadaki bir anahtarın değerini ayarlar |
| almak() | Haritadaki bir anahtarın değerini alır |
| açık() | Bir Haritadaki tüm öğeleri kaldırır |
| silmek() | Bir anahtar tarafından belirtilen bir Harita öğesini kaldırır |
| sahip olmak() | Haritada bir anahtar varsa true döndürür |
| her biri için() | Bir Haritadaki her anahtar/değer çifti için bir geri arama başlatır |
| girdileri() | Bir Haritada [anahtar, değer] çiftleriyle bir yineleyici nesne döndürür |
| anahtarlar() | Bir Haritadaki anahtarlarla bir yineleyici nesnesi döndürür |
| değerler() | Bir Haritadaki değerlerin yineleyici nesnesini döndürür |
| Mülk | Açıklama |
|---|---|
| boyut | Harita öğelerinin sayısını verir |
Harita Nasıl Oluşturulur
Aşağıdakileri yaparak bir JavaScript Haritası oluşturabilirsiniz:
- Dizi Geçirmek
new Map() - Bir Harita oluşturun ve kullanın
Map.set()
yeni Harita()
Yapıcıya bir Dizi ileterek bir Harita oluşturabilirsiniz new Map():
Örnek
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Harita.set()
Şu yöntemle bir Haritaya öğeler ekleyebilirsiniz set():
Örnek
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Yöntem set(), mevcut Harita değerlerini değiştirmek için de kullanılabilir:
Örnek
fruits.set("apples", 500);
Harita.get()
Yöntem get(), bir Haritadaki bir anahtarın değerini alır:
Örnek
fruits.get("apples"); // Returns 500
Harita boyutu
Özellik size, bir Haritadaki öğelerin sayısını döndürür:
Örnek
fruits.size;
Harita.delete()
Yöntem delete(), bir Harita öğesini kaldırır:
Örnek
fruits.delete("apples");
Harita.temizle()
Yöntem clear(), tüm öğeleri bir Haritadan kaldırır:
Örnek
fruits.clear();
Harita.has()
Bir has()Haritada bir anahtar varsa, yöntem true değerini döndürür:
Örnek
fruits.has("apples");
Bunu dene:
fruits.delete("apples");
fruits.has("apples");
Haritalar Nesnelerdir
typeofnesneyi döndürür:
Örnek
// Returns object:
typeof fruits;
instanceofHarita doğru döndürür:
Örnek
// Returns true:
fruits instanceof Map;
JavaScript Nesneleri ve Haritalar
JavaScript Nesneleri ve Haritalar arasındaki farklar:
| Nesne | Harita | |
|---|---|---|
| yinelenebilir | Doğrudan yinelenemez | doğrudan yinelenebilir |
| Boyut | Boyut özelliği yok | bir boyut özelliği var |
| Anahtar Türleri | Anahtarlar Dizeler (veya Semboller) olmalıdır | Anahtarlar herhangi bir veri türü olabilir |
| Anahtar Sıralaması | Anahtarlar iyi sıralanmamış | Anahtarlar araya göre sıralanır |
| varsayılanlar | Varsayılan anahtarlara sahip olun | Varsayılan anahtarlara sahip değil |
Map.forEach()
Yöntem forEach(), bir Haritadaki her bir anahtar/değer çifti için bir geri arama başlatır:
Örnek
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Harita.anahtarları()
Yöntem keys(), bir Haritadaki anahtarlara sahip bir yineleyici nesne döndürür:
Örnek
// List all keys
let veggies = "";
for (const x of fruits.keys()) {
veggies += x;
}
Harita.değerleri()
Yöntem values, bir Haritadaki değerlere sahip bir yineleyici nesne döndürür:
Örnek
// Sum all values
let total = 0;
for (const x of fruits.values()) {
total += x;
}
Harita.girişleri()
Yöntem entries(), bir Haritada [anahtar,değerler] ile bir yineleyici nesne döndürür:
Örnek
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Anahtar Olarak Nesneler
Nesneleri anahtar olarak kullanabilmek önemli bir Harita özelliğidir.
Örnek
// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// Create a Map
const fruits = new Map();
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
Unutmayın: Anahtar bir nesnedir (elmalar), bir dize ("elmalar") değil:
Örnek
fruits.get("apples"); // Returns undefined
Tarayıcı Desteği
JavaScript Haritaları, Internet Explorer dışında tüm tarayıcılarda desteklenir:
| Chrome | Edge | Firefox | Safari | Opera |