JavaScript Map
- Edellinen sivu JS Set-menetelmät
- Seuraava sivu JS Map-menetelmät
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:
- lähettämällä taulukon
new Map()
。 - 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], ]
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);
set()
Metodi voidaan käyttää myös nykyisten Map-arvojen muuttamiseen:
Esimerkki
fruits.set("apples", 200);
get() metodi
get()
Metodi hakee Mapin avaimen arvon:
Esimerkki
fruits.get("apples"); // Palauttaa 500
Map on objekti
typeof
Palauttaa object:
Esimerkki
// Palauttaa object: typeof fruits;
instanceof Map
Palauttaa true:
Esimerkki
// Palauttaa true: fruits instanceof Map;
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.
- Edellinen sivu JS Set-menetelmät
- Seuraava sivu JS Map-menetelmät