#5 ES6 Map Kullanımı

Ecmascript6, Map kavramı ile bizlere anahtar/değer çiftelerini tutmamızı sağlar. Herhangi bir ilkel değişken veya obje anahtar veya değer olarak atanabilir. Kullanımı “new Map([iterable])” şeklindedir. Konuya daha hakim olmak adına bu bilgileri örneklendirelim.

Bir map objesi oluşturalım ve üzerinde işlemler yapmak için bunu bir değişkene atayalım:

const ilPlakaları = new Map();

1) Oluşturduğumuz objenin içerisine ekleme yapmak istediğimiz zaman set() metodunu kullanırız:

ilPlakaları.set(34,"İstanbul");
ilPlakaları.set(23,"Elazığ");
ilPlakaları.set(35,"İzmir");
ilPlakaları.set(66,"Yozgat")
console.log(ilPlakaları)
// Console: Map {
//  34 => 'İstanbul',
//  23 => 'Elazığ',
//  35 => 'İzmir',
//  66 => 'Yozgat' }

2) Elamanlar üzerinden seçme işlemi için get() metodunu kullanırız. Seçme işlemi için key değerlerini kulllanıyoruz.

const il1 = ilPlakaları.get(23);
const il2 = ilPlakaları.get(35);
console.log(il1,il2)
// Console: Elazığ İzmir

3) Elaman sayısı için size özelliğini kullanırız:

const elemanSayisi = ilPlakaları.size;
console.log(elemanSayisi)
// Console: 4

4) ilPlakaları içerisinde herhangi bir değerin olup olmadığını sorgulamak için has() metoduna key değerini atarak sorgulayabiliriz. Bizlere boolean tipinde bir değer döndürecektir:

console.log(ilPlakaları.has(34));
console.log(ilPlakaları.has(58))
// Console: true
//          false

5) Herhangi bir elemanı silmek için delete() metoduna bir anahtar değerini göndeririz:

ilPlakaları.delete(35)
// Eğer bütün elemanları silmek istiyorsak clear() metodunu kullanırız.
// ilPlakaları.clear()

Sadece anahtar ve değer değişkenleri görmek istersek:

Anahtar değerleri için;

for(let key of ilPlakaları.keys())
{
    console.log("Key:" + key)
}
//Console: Key:34
//         Key:23
//         Key:35
//         Key:66

Key değerleri için;

for(let key of ilPlakaları.keys())
{
    console.log("Key:" + key)
}
//Console: Key:34
//         Key:23
//         Key:35
//         Key:66

Value değerleri için;

for(let value of ilPlakaları.values())
{
    console.log("Value:" + value)
}
//Console: Value:İstanbul
//         Value:Elazığ
//         Value:İzmir
//         Value:Yozgat

Daha fazlası için: - Map - JavaScript | MDN