Mapa a množina

Prozatím jsme se naučili dvěma následujícím složitým datovým strukturám:

• Objekty se používají k ukládání kolekcí hodnot pod klíči.
• Pole se používají k ukládání seÅ™azených kolekcí.

Pro skutečný život to vÅ¡ak nestačí. Proto existují také Map (mapa) a Set (množina).

Mapa

Map je kolekce datových prvků uložených pod klíči, podobnÄ› jako Object. Hlavní rozdíl je vÅ¡ak v tom, že Map umožňuje klíče libovolného typu.

Její metody a vlastnosti jsou:

• new Map() – vytvoří mapu.
• map.set(klíč, hodnota) – uloží hodnotu hodnota pod klíčem klíč.
• map.get(klíč) – vrátí hodnotu uloženou pod klíčem klíč, jestliže klíč v mapÄ› neexistuje, vrátí undefined.
• map.has(klíč) – vrátí true, jestliže klíč v mapÄ› existuje, jinak false.
• map.delete(klíč) – odstraní prvek (dvojici klíč/hodnota) uložený pod klíčem klíč.
• map.clear() – odstraní z mapy vÅ¡echny prvky.
• map.size – vrátí aktuální počet prvků.

Příklad:

let mapa = new Map();

mapa.set('1', 'řetězec1'); // řetězcový klíč
mapa.set(1, 'číslo1');     // číselný klíč
mapa.set(true, 'bool1');   // booleovský klíč

// pamatujete si na obvyklý Object? ten převádí klíče na řetězce
// Map si pamatuje typ klíče, takže tyto dva klíče jsou rozdílné:
alert( mapa.get(1)   ); // 'číslo1'
alert( mapa.get('1') ); // 'řetězec1'

alert( mapa.size ); // 3

Jak vidíme, na rozdíl od objektů zde nejsou klíče převáděny na řetězce. Jsou povoleny klíče jakýchkoli typů.

Mapa může používat jako klíče i objekty.

Příklad:

let jan = { jméno: "Jan" };

// pro každého uživatele budeme ukládat počet jeho návštěv
let mapaPočetNávštěv = new Map();

// jan je klíč mapy
mapaPočetNávštěv.set(jan, 123);

alert( mapaPočetNávštěv.get(jan) ); // 123

Používání objektů jako klíčů je jedna z nejpozoruhodnÄ›jších a nejdůležitÄ›jších vlastností map. Pro Object to neplatí. ŘetÄ›zec jako klíč objektu je správnÄ›, ale jako klíč objektu nemůžeme použít jiný Object.

Zkusme to:

let jan = { jméno: "Jan" };
let ben = { jméno: "Ben" };

let objPočetNávštěv = {}; // zkusíme použít objekt

objPočetNávštěv[ben] = 234; // zkusíme použít jako klíč objekt ben
objPočetNávštěv[jan] = 123; // zkusíme použít jako klíč objekt jan, objekt ben bude nahrazen

// Toto bude zapsáno!
alert( objPočetNávštěv["[object Object]"] ); // 123

Jelikož objPočetNávštěv je objekt, pÅ™evede vÅ¡echny klíče typu Object, napÅ™. uvedené jan a ben, na stejný Å™etÄ›zec "[object Object]". To rozhodnÄ› není to, co jsme chtÄ›li.

mapa.set('1', 'řetězec1')
  .set(1, 'číslo1')
  .set(true, 'bool1');

Iterace nad mapou

Pro procházení prvků mapy existují 3 metody:

• mapa.keys() – vrátí iterovatelný objekt klíčů,
• mapa.values() – vrátí iterovatelný objekt hodnot,
• mapa.entries() – vrátí iterovatelný objekt dvojic [klíč, hodnota], používá se standardnÄ› ve for..of.

Příklad:

let mapaRecept = new Map([
  ['okurky',  500],
  ['rajčata', 350],
  ['cibule',  50]
]);

// iterace nad klíči (zelenina)
for (let zelenina of mapaRecept.keys()) {
  alert(zelenina); // okurky, rajčata, cibule
}

// iterace nad hodnotami (množství)
for (let množství of mapaRecept.values()) {
  alert(množství); // 500, 350, 50
}

// iterace nad dvojicemi [klíč, hodnota]
for (let dvojice of mapaRecept) { // totéž jako mapaRecept.entries()
  alert(dvojice); // okurky,500 (a tak dále)
}

Navíc Map obsahuje vestavÄ›nou metodu forEach, podobnÄ› jako Array:

// spustí tuto funkci pro každou dvojici (klíč, hodnota)
mapaRecepty.forEach( (hodnota, klíč, mapa) => {
  alert(`${klíč}: ${hodnota}`); // okurky: 500 atd.
});

Object.entries: mapa z objektu

Když je vytvořena mapa, můžeme do ní pro inicializaci předat pole (nebo jiný iterovatelný objekt) dvojic klíč/hodnota, například:

// pole dvojic [klíč, hodnota]
let mapa = new Map([
  ['1',  'řetězec1'],
  [1,    'číslo1'],
  [true, 'bool1']
]);

alert( mapa.get('1') ); // řetězec1

Máme-li planý objekt a rádi bychom z něj vytvořili mapu, můžeme použít vestavěnou metodu Object.entries(obj), která vrací pole dvojic klíč/hodnota objektu přesně v tomto formátu.

Můžeme tedy vytvořit mapu z objektu takto:

let obj = {
  jméno: "Jan",
  věk: 30
};

let mapa = new Map(Object.entries(obj));

alert( mapa.get('jméno') ); // Jan

Zde Object.entries vrací pole dvojic klíč/hodnota: [ ["jméno","Jan"], ["věk", 30] ]. To je pÅ™esnÄ› to, co potÅ™ebuje Map.

Object.fromEntries: objekt z mapy

PrávÄ› jsme vidÄ›li, jak vytvoÅ™it Map z planého objektu pomocí Object.entries(obj).

Existuje i metoda Object.fromEntries, která provádí opak – když jí pÅ™edáme pole dvojic [klíč, hodnota], vytvoří z nÄ›j objekt:

let ceny = Object.fromEntries([
  ['banán', 1],
  ['pomeranč', 2],
  ['maso', 4]
]);

// nyní ceny = { banán: 1, pomeranč: 2, maso: 4 }

alert(ceny.pomeranč); // 2

Použitím Object.fromEntries můžeme získat z mapy planý objekt.

Například uložíme do mapy data, ale potřebujeme je předat kódu třetí strany, který očekává planý objekt.

Postupujeme takto:

let mapa = new Map();
mapa.set('banán', 1);
mapa.set('pomeranč', 2);
mapa.set('maso', 4);

let obj = Object.fromEntries(mapa.entries()); // vytvoří planý objekt (*)

// hotovo!
// obj = { banán: 1, pomeranč: 2, maso: 4 }

alert(obj.pomeranč); // 2

Volání mapa.entries() vrací iterovatelný objekt dvojic klíč/hodnota, pÅ™esnÄ› ve správném formátu pro Object.fromEntries.

Řádek (*) můžeme také zkrátit:

let obj = Object.fromEntries(mapa); // vypustíme .entries()

To je totéž, protože Object.fromEntries očekává jako argument iterovatelný objekt, ne nutnÄ› pole. A standardní iterace mapy vrací stejné dvojice klíč/hodnota jako mapa.entries(). Dostaneme tedy planý objekt se stejnými dvojicemi klíč/hodnota, jaké obsahuje mapa.

Množina

Množina Set je speciální typ kolekce – „množina hodnot“ (bez klíčů), v níž se každá hodnota může vyskytnout pouze jednou.

Její hlavní metody jsou:

• new Set([iterovatelnýObjekt]) – vytvoří množinu, a je-li poskytnut iterovatelnýObjekt (obvykle pole), zkopíruje do ní hodnoty z tohoto objektu.
• množina.add(hodnota) – pÅ™idá hodnotu hodnota, vrátí samotnou množinu.
• množina.delete(hodnota) – odstraní hodnotu hodnota, vrátí true, jestliže hodnota v okamžiku volání v množinÄ› existovala, jinak false.
• množina.has(hodnota) – vrátí true, jestliže hodnota hodnota v množinÄ› existuje, jinak false.
• množina.clear() – odstraní z množiny vÅ¡echny hodnoty.
• množina.size – je počet hodnot.

Hlavní vlastností množiny je, že opakovaná volání množina.add(hodnota) se stejnou hodnotou nic neudÄ›lají. To je důvod, proč se každá hodnota v množinÄ› objeví pouze jednou.

Například máme přicházející návštěvníky a rádi bychom si je všechny pamatovali. Avšak opakované návštěvy by neměly vést ke zdvojení. Každý návštěvník musí být „započítán“ jen jednou.

Set je pro tento účel to pravé:

let množina = new Set();

let jan = { jméno: "Jan" };
let petr = { jméno: "Petr" };
let marie = { jméno: "Marie" };

// návštěvy, někteří uživatelé přišli vícekrát
množina.add(jan);
množina.add(petr);
množina.add(marie);
množina.add(jan);
množina.add(marie);

// množina si pamatuje jen unikátní hodnoty
alert( množina.size ); // 3

for (let uživatel of množina) {
  alert(uživatel.jméno); // Jan (pak Petr a Marie)
}

Alternativou pro Set by mohlo být pole uživatelů a kód, který pÅ™i každém vložení hledá duplikáty pomocí pole.find. Výkon by vÅ¡ak byl mnohem horší, protože tato metoda prochází celým polem a ověřuje každý prvek. Set je internÄ› pro kontrolu unikátnosti mnohem lépe optimalizována.

Iterace nad množinou

Množinu můžeme procházet buď pomocí for..of, nebo pomocí forEach:

let množina = new Set(["pomeranče", "jablka", "banány"]);

for (let hodnota of množina) alert(hodnota);

// totéž s forEach:
množina.forEach((hodnota, hodnotaZnovu, množina) => {
  alert(hodnota);
});

VÅ¡imnÄ›te si něčeho veselého. Funkce pÅ™edávaná do forEach má 3 argumenty: hodnota, pak stejnou hodnotu hodnotaZnovu a pak cílový objekt. Opravdu, stejná hodnota se v argumentech objevuje dvakrát.

To slouží ke kompatibilitÄ› s Map, v níž funkce pÅ™edávaná do forEach má tÅ™i argumenty. JistÄ›, vypadá to trochu zvláštnÄ›. Může to vÅ¡ak pomoci v nÄ›kterých případech snadno nahradit mapu množinou a naopak.

Množina také poskytuje stejné metody, jaké má Map pro iterátory:

• množina.keys() – vrátí iterovatelný objekt s hodnotami,
• množina.values() – totéž jako množina.keys(), existuje kvůli kompatibilitÄ› s Map,
• množina.entries() – vrátí iterovatelný objekt s dvojicemi [hodnota, hodnota], existuje kvůli kompatibilitÄ› s Map.

Shrnutí

Map – je kolekce hodnot s klíči.

Metody a vlastnosti:

• new Map([iterovatelnýObjekt]) – vytvoří mapu, nepovinný objekt iterovatelnýObjekt (napÅ™. pole) obsahuje dvojice [klíč,hodnota] pro inicializaci.
• mapa.set(klíč, hodnota) – uloží hodnotu hodnota pod klíčem klíč, vrátí samotnou mapu.
• mapa.get(klíč) – vrátí hodnotu uloženou pod klíčem klíč, jestliže klíč v mapÄ› neexistuje, vrátí undefined.
• mapa.has(klíč) – vrátí true, jestliže klíč v mapÄ› existuje, jinak false.
• mapa.delete(klíč) – odstraní prvek uložený pod klíčem klíč, vrátí true, jestliže klíč v okamžiku volání v mapÄ› existoval, jinak false.
• mapa.clear() – odstraní z mapy vÅ¡echny prvky.
• mapa.size – vrátí aktuální počet prvků.

Rozdíly oproti běžnému objektu:

• Klíče mohou být libovolného typu včetnÄ› objektů.
• Obsahuje další užitečné metody, vlastnost size.

Set – je kolekce unikátních hodnot.

Metody a vlastnosti:

• new Set(iterovatelnýObjekt) – vytvoří množinu, nepovinný objekt iterovatelnýObjekt (napÅ™. pole) obsahuje hodnoty pro inicializaci.
• množina.add(hodnota) – pÅ™idá hodnotu hodnota (pokud hodnota již existuje, neudÄ›lá nic), vrátí samotnou množinu.
• množina.delete(hodnota) – odstraní hodnotu hodnota, vrátí true, jestliže hodnota v okamžiku volání v množinÄ› existovala, jinak false.
• množina.has(hodnota) – vrátí true, jestliže hodnota hodnota v množinÄ› existuje, jinak false.
• množina.clear() – odstraní z množiny vÅ¡echny hodnoty.
• množina.size – je počet hodnot.

Iterace nad mapou a množinou probíhá vždy ve stejném pořadí, v jakém byly prvky vloženy. Nemůžeme tedy říci, že tyto kolekce nejsou seřazené, ale nemůžeme prvky seřadit jinak ani přímo získat prvek na určitém pořadí.