Map JavaScript
- Page précédente Méthodes Set JS
- Page suivante Méthodes Map JS
Map est une collection de paires clé-valeur, où la clé peut être de n'importe quel type de données.
Map se souvient de l'ordre d'insertion original des clés.
Comment créer Map
On peut créer JavaScript Map de la manière suivante :
- Transmettre un tableau à
new Map()
. - Créer une Map et utiliser
Map.set()
.
méthode new Map()
On peut obtenir new Map()
Constructeur pour créer Map :
Instance
// Créer une Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200] ]);
méthode set()
Il est possible d'utiliser set()
Méthode pour ajouter des éléments à Map :
Instance
// Créer une Map const fruits = new Map(); // Définir la valeur de Map fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
La méthode peut également être utilisée pour modifier la valeur existante dans Map :
Instance
fruits.set("apples", 200);
Méthode get()
get()
Méthode pour obtenir la valeur d'une clé dans Map :
Instance
fruits.get("apples"); // Retourne 500
Map est un objet
typeof
Retourne object :
Instance
// Retourne object: typeof fruits;
instanceof Map
Retourne true :
Instance
// Retourne true: fruits instanceof Map;
Les différences entre les objets JavaScript et Map
Voici les différences entre les objets JavaScript et Map :
Objet | Map |
---|---|
Ne peut pas être itéré directement | Peut être itéré directement |
Ne possède pas de propriété size | Possède une propriété size |
Les clés doivent être des chaînes de caractères ou des Symbol | Les clés peuvent être de n'importe quel type de données |
L'ordre des clés n'est pas clair | Les clés sont triées par ordre d'insertion |
Clé par défaut | Pas de clé par défaut |
Manuel de référence complet Map
Pour une référence complète, veuillez visiter notre :Manuel de référence Map JavaScript.
Ce manuel contient une description et des exemples de toutes les propriétés et méthodes de Map.
Support du navigateur
Map est Caractéristiques de ES6(JavaScript 2015).
Depuis juin 2017, tous les navigateurs modernes prennent en charge ES6 :
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
Mai 2016 | Avril 2017 | Juin 2017 | Septembre 2016 | Juin 2016 |
Internet Explorer ne prend pas en charge Map.
- Page précédente Méthodes Set JS
- Page suivante Méthodes Map JS