L’objet de carte JavaScript

Un objet Map en JavaScript est une collection de paires clé-valeur où les clés peuvent être de n’importe quel type, y compris des objets ou des fonctions. Découvrez comment créer et utiliser des objets Map, ainsi que les différences qu’ils apportent par rapport aux objets JavaScript classiques.

Lorsqu’ils travaillent avec JavaScript, les développeurs rencontrent souvent des situations dans lesquelles ils doivent stocker et manipuler des paires clé-valeur. Bien que les objets JavaScript fournissent un moyen d’y parvenir, Carte les objets offrent des fonctionnalités et des avantages supplémentaires qui peuvent simplifier et améliorer la gestion des données clé-valeur.

Dans cet article, nous explorerons ce que sont les objets Map, comment les créer et les utiliser, ainsi que les différences qu’ils apportent par rapport aux objets JavaScript classiques.

Que sont les objets cartographiques ?

Un objet Map en JavaScript est une collection de paires clé-valeur où les clés peuvent être de n’importe quel type, y compris des objets ou des fonctions. Il permet un stockage et une récupération efficaces des valeurs en fonction de leurs clés associées.

Les objets cartographiques offrent un moyen simple et direct de gérer les relations entre les données et d’effectuer des opérations courantes telles que l’ajout, la suppression ou la mise à jour des valeurs associées à des clés spécifiques.

Création d’un objet cartographique

Pour créer un nouvel objet Map, nous pouvons utiliser le Map() constructeur:

const map = new Map();

Dans le code ci-dessus, nous créons un nouvel objet Map nommé map. Initialement, cet objet Map est vide, sans paires clé-valeur.

Alternativement, nous pouvons initialiser un objet Map avec un tableau de paires clé-valeur lors de sa création :

const map = new Map([
  ["key1", "value1"],
  ["key2", "value2"],
  ["key3", "value3"],
]);

Dans le code ci-dessus, nous créons un objet Map map avec trois paires clé-valeur. Les clés sont 'key1', 'key2' et 'key3'et leurs valeurs correspondantes sont 'value1', 'value2' et 'value3'respectivement.

Travailler avec des objets cartographiques

Une fois un objet Map créé, nous pouvons utiliser différentes méthodes fournies par le prototype Map pour manipuler son contenu. Explorons quelques opérations courantes :

Ajout et mise à jour de paires clé-valeur

Pour ajouter ou mettre à jour une valeur associée à une clé spécifique dans un objet Map, nous pouvons utiliser le set() méthode:

const map = new Map();

map.set("key1", "value1");
map.set("key2", "value2");

console.log(map);

Dans le code ci-dessus, nous ajoutons deux paires clé-valeur à l’objet Map map. La première paire a la clé 'key1' et la valeur 'value1'tandis que la deuxième paire a la clé 'key2' et la valeur 'value2'. Si une clé existe déjà dans la Map, la set() La méthode mettra à jour sa valeur correspondante.

const map = new Map();

map.set("key", "value");
map.set("key", "updated value");

console.log(map);

Récupération de valeurs

Pour récupérer une valeur d’un objet Map en fonction de sa clé, nous pouvons utiliser le get() méthode:

const map = new Map([
  ["key1", "value1"],
  ["key2", "value2"],
]);

const value = map.get("key1");
console.log(value); 

Dans le code ci-dessus, nous créons un objet Map map avec deux paires clé-valeur. On récupère ensuite la valeur associée à la clé 'key1' en utilisant le get() méthode.

Vérification de l’existence d’une clé

Pour vérifier si une clé spécifique existe dans un objet Map, nous pouvons utiliser le has() méthode:

const map = new Map([
  ["key1", "value1"],
  ["key2", "value2"],
]);

console.log(map.has("key1")); 
console.log(map.has("key3")); 

Dans le code ci-dessus, nous créons un objet Map map avec deux paires clé-valeur. Nous utilisons ensuite le has() méthode pour vérifier l’existence des clés 'key1' et 'key3'. La méthode renvoie true si la clé est trouvée dans la Carte, et false sinon.

Suppression des paires clé-valeur

Pour supprimer une paire clé-valeur d’un objet Map, nous pouvons utiliser le delete() méthode:

const map = new Map([
  ["key1", "value1"],
  ["key2", "value2"],
]);

map.delete("key1");

console.log(map);

Dans le code ci-dessus, nous créons un objet Map map avec deux paires clé-valeur. Nous supprimons ensuite la paire clé-valeur avec la clé 'key1' en utilisant le delete() méthode.

Obtenir la taille d’une carte

Pour déterminer le nombre de paires clé-valeur dans un objet Map, nous pouvons utiliser le size propriété:

const map = new Map([
  ["key1", "value1"],
  ["key2", "value2"],
]);

console.log(map.size); 

Dans le code ci-dessus, nous créons un objet Map map avec deux paires clé-valeur. On accède ensuite au size propriété pour récupérer le nombre de paires dans la Map.

Carte et objets standard

Alors que les objets JavaScript standards (par exemple, {}) sont couramment utilisés pour le stockage clé-valeur, les objets Map offrent plusieurs avantages qui peuvent en faire un meilleur choix dans certains scénarios :

• Types de clés flexibles : Les objets cartographiques autorisent n’importe quel type de données comme clés, y compris les objets, les fonctions et les primitives, tandis que les objets JavaScript n’autorisent que les clés numériques, de chaîne ou de symbole.

• Maintenir l’ordre d’insertion : Les objets cartographiques préservent l’ordre des paires clé-valeur lors de leur insertion, tandis que les objets JavaScript ne garantissent pas l’ordre des clés.

• Itérer en toute simplicité : Les objets cartographiques fournissent des méthodes intégrées telles que forEach() et entries() pour parcourir les paires clé-valeur, ce qui simplifie le travail avec la structure de données.

• Récupération efficace de la taille : Les objets cartographiques ont un espace dédié size propriété, permettant une récupération rapide du nombre de paires clé-valeur, tandis que les objets JavaScript nécessitent une itération manuelle ou l’utilisation de la propriété Object.keys() méthode pour renvoyer un décompte précis.

Il convient de noter que si vous n’avez besoin que de clés de chaîne et d’opérations clé-valeur simples, les objets JavaScript peuvent toujours être un choix approprié.

Conclusion

Les objets cartographiques en JavaScript offrent un moyen puissant et flexible de stocker et de manipuler des paires clé-valeur. Grâce à leur capacité à gérer différents types de clés, à maintenir l’ordre d’insertion et à fournir des méthodes d’itération pratiques, les objets Map offrent des avantages par rapport aux objets JavaScript classiques dans des cas d’utilisation spécifiques. En comprenant comment créer et utiliser des objets Map, les développeurs peuvent exploiter leurs fonctionnalités pour écrire un code plus expressif et plus efficace.