Maison > Article > interface Web > Comment définir une carte en js
J'ai toujours utilisé des tableaux et des objets pour définir des modèles de données. En parcourant la syntaxe ES6 il y a quelques jours, j'ai soudainement découvert qu'il existe un objet Map particulièrement utile pour gérer les paires clé-valeur, ainsi que le code. est plus concis et clair, ce qui est génial.
Aujourd'hui, nous allons apprendre étape par étape ce qu'est un objet Map et vous présenter en détail les propriétés et les méthodes de l'objet Map. J'espère que tout le monde trouvera un autre moyen de résoudre les problèmes de manipulation de données à l'avenir. Il s'agit d'une nouvelle structure de données dans ECMA 6.
Définition
L'objet Map enregistre les paires clé/valeur et est une collection de paires clé/valeur. N'importe quelle valeur (objet ou primitive) peut être utilisée comme clé ou valeur. La structure Object fournit une correspondance « chaîne-valeur » et la structure Map fournit une correspondance « valeur-valeur ».
Syntaxe :
mapObj=new Map([iterable]);
iterable peut être un tableau ou un autre objet itérable, dont les éléments sont soit des paires clé-valeur, soit un tableau de deux éléments. Chaque paire clé-valeur est ajoutée à une nouvelle carte. null sera traité comme indéfini.
Instance Map
Toutes les instances Map hériteront de Map.prototype.
Exemple
L'objet Map est similaire à un objet et est également une collection de paires clé-valeur, mais la portée de "key" n'est pas limitée aux chaînes, divers types de valeurs (y compris des objets) peuvent être utilisés comme clés.
let a=new Map(); let b={p:'Hello World'}; a.set(b,"content"); a.get(b); //"content" a.has(b) //true a.delete(b) //true a.has(b) //false
En tant que constructeur, Map peut également accepter un tableau comme paramètre. Les membres de ce tableau sont des tableaux représentant des paires clé-valeur.
let map=new Map(['first','aaaaaa'],['second','bbbbbb']);; map.size(); //2 map.has('first'); //true a.get(b); //'aaaaaa' map.has('second'); //true a.get(b); //'bbbbbb'
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!