JavaScript Map

Map on avain-arvojen kokoelma, jossa avain voi olla mikä tahansa tietotyyppi.

Map muistaa avainten alkuperäisen lisäysjärjestyksen.

Miten luoda Map

Voit luoda JavaScript Mapin seuraavalla tavalla:

  1. lähettämällä taulukon new Map()
  2. Luo Map ja käytä Map.set()

new Map() metodi

voidaan lähettää new Map() Konstruktori luo Mapin:

Esimerkki

// Luo Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  
]

Kokeile itse

set() metodi

voidaan käyttää set() Metodi lisää elementin Mapiin:

Esimerkki

// Luo Map
const fruits = new Map();
// Aseta Map-arvo
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Kokeile itse

set() Metodi voidaan käyttää myös nykyisten Map-arvojen muuttamiseen:

Esimerkki

fruits.set("apples", 200);

Kokeile itse

get() metodi

get() Metodi hakee Mapin avaimen arvon:

Esimerkki

fruits.get("apples");    // Palauttaa 500

Kokeile itse

Map on objekti

typeof Palauttaa object:

Esimerkki

// Palauttaa object:
typeof fruits;

Kokeile itse

instanceof Map Palauttaa true:

Esimerkki

// Palauttaa true:
fruits instanceof Map;

Kokeile itse

JavaScript-objektin ja Mapin väliset erot

Tässä on JavaScript-objektin ja Mapin väliset erot:

objekti Map
Et voi suoraan iteroida Voit suoraan iteroida
Ei size-ominaisuutta On size-ominaisuus
Avaimet täytyy olla merkkijono tai Symbol Avaimet voivat olla mitä tahansa tietotyyppiä
Avainten järjestys on epäselvä Avaimet ovat järjestetty lisäysjärjestyksessä
On oletusavain Ei oletusavainta

Täydellinen Map-referenssikirja

Täydelliselle referenssille käy:JavaScript Map-referenssikirja

Tämä oppikirja sisältää kaikkien Map-ominaisuuksien ja -menetelmien kuvaukset ja esimerkit.

Selaimen tuki

Map on ES6:n ominaisuudet(JavaScript 2015)。

Vuodesta 2017 kesäkuusta lähtien kaikki nykyaikaiset selaimet tukevat ES6:ta:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Toukokuu 2016 Huhtikuu 2017 Kesäkuu 2017 Syyskuu 2016 Kesäkuu 2016

Internet Explorer ei tue Mapia.