Qu'est-ce qu'un objet de carte en javascript?

JavaScript est un langage de programmation qui donne aux applications Web et aux pages Web la possibilité de penser et d'agir en les rendant dynamiques et interactives. Lorsque vous programmation, cela vous confondait souvent avec quelle structure de données à utiliser pour stocker des données qui peuvent facilement être gérées et comprises. Pour contenir des collections de données, des tableaux et des objets sont couramment utilisés. Les paires de valeurs clés sont stockées dans des objets, tandis que les listes indexées sont stockées en tableaux. Puis vint l'ECMAScript 2015 qui a introduit un autre objet itérable appelé Maps pour offrir aux développeurs plus de flexibilité. Ainsi, dans cet article, nous discuterons de ce qu'est un objet de carte en JavaScript et discuterons de quelques exemples pratiques avec des captures d'écran de la sortie.

Qu'est-ce qu'un objet de carte?

L'objet de carte comme un objet ordinaire est une collection d'éléments qui stocke les paires de valeurs clés; Cependant, la principale différence est que les clés peuvent être de n'importe quel type. Il convient également de noter que l'objet MAP se souvient de l'ordre de la paire de valeurs clés qui a été insérée dans l'objet Map.

Syntaxe:

var map = new map ([it]);

Où il est facultatif et un objet itérable dont les éléments sont stockés sous forme de paires de valeurs clés.

L'objet Map a certaines propriétés et méthodes définies ci-dessous:

• Pour la création de la nouvelle carte -> nouvelle carte ()
• Pour stocker une valeur à l'aide d'une clé -> Carte.set (clé, valeur)
• Pour obtenir la valeur de la clé -> Carte.Obtenir la clé)
• Si la clé n'existe pas, carte.get (key) reviendra indéfini
• Pour tout supprimer de la carte -> Carte.clair()
• Pour obtenir la taille de la carte -> Carte.taille
• Pour supprimer une valeur en utilisant la clé -> Carte.Supprimer (clé)

EXEMPLE DE MAP OBJET1

Dans le code ci-dessous, nous avons d'abord lancé l'objet Map, puis définis les valeurs. La première clé que nous définissons est une clé de chaîne, la seconde est une clé numérique et la troisième est une clé booléenne. Ensuite, nous Console Log le résultat de l'obtention des valeurs des clés fournies. Nous vérifions également la taille de l'objet Map qui renvoie 3.

// Création de cartes
var map = new Map ();
// Définition des paires de valeurs de clé pour cartographier
carte.set ('1', 'string'); // une clé de chaîne
carte.set (1, «nombre»); // une clé numérique
carte.set (vrai, «booléen»); // une clé booléenne
// Obtenez des informations de la carte
console.journal (carte.obtenir (1)); // nombre
console.journal (carte.get ('1')); // chaîne
console.journal (carte.taille); // 3

Map l'objet Exemple2

Nous pouvons également définir les touches de l'objet Map en tant qu'objets. Démousons cela à l'aide du code donné ci-dessous:

var student1 = name: "jhon";
// Pour chaque étudiant, stockons leurs marques
var marques = new map ();
// Student1 est la clé pour la carte et l'étudiant 1 lui-même est un objet
Des marques.set (Student1, 93);
console.bûche (marques.get (Student1)); // 93

Dans l'exemple ci-dessus, nous avons d'abord lancé un objet avec le nom de étudiant1 puis a créé un objet de carte. Après cela, nous avons réglé les marques de Student1, puis de la console enregistre les marques de Student1. Il convient de noter que Student1 lui-même est un objet mais agit comme la clé ici. Nous obtenons la sortie 93 comme indiqué ci-dessous:

Itération sur les touches de carte

Voyons maintenant comment itérer sur les touches de carte dans quel but nous utiliserons une boucle et une carte pour.Méthode Keys (). La carte.La méthode Keys () renverra toutes les clés de l'objet Map dans l'ordre où ils ont été insérés dans l'objet Map.

Laissez-nous initier un objet de carte et donnons des noms comme des clés et des valeurs comme poste de travail. Ensuite, nous avons implémenté une boucle pour la console qui console enregistrera toutes les clés / noms de l'objet MAP.

// Création d'un objet de carte
var employés = nouvelle carte ([
["John", 'Admin'],
["Sarah", 'éditeur "],
["Sam", «écrivain»]
]));
// pour Loop
pour (nom var des employés.clés())
console.log (nom);

La sortie du code ci-dessus est:

Pour itérer sur les valeurs de la carte, nous changerons simplement employés.clés() pour employés.valeurs():

// Création d'un objet de carte
var employés = nouvelle carte ([
["John", 'Admin'],
["Sarah", 'éditeur "],
["Sam", «écrivain»]
]));
// pour Loop
Pour (Position VAR des employés.valeurs())
console.journal (position);

Suppression de l'élément à l'aide de la clé

Dans cet exemple, nous supprimerons une entrée dans l'objet Map en utilisant le supprimer() méthode:

// Création d'un objet de carte
var employés = nouvelle carte ([
["John", 'Admin'],
["Sarah", 'éditeur "],
["Sam", «écrivain»]
]));
// Supprimer John des employés
employés.supprimer ("John");
// pour Loop
pour (nom var des employés.clés())
console.log (nom);

On peut voir ça John a été supprimé et manquant dans la sortie:

Conclusion

L'objet MAP a été introduit dans ES6 et avant l'objet Map, des objets ordinaires ont été utilisés. Cependant, un objet a des lacunes comme un objet a toujours un prototype de clé par défaut et on ne peut pas utiliser un objet comme clé. Pour résoudre ce problème, la carte a été introduite qui est une collection d'éléments stockés dans des paires de valeurs clés tout comme des objets, mais ici les clés peuvent être de n'importe quel type. Dans cet article, nous avons vu un objet de carte en javascript et discuté de deux exemples. En dehors de cela, nous avons également mis en œuvre et examiné différentes méthodes et propriétés des objets MAP de JavaScript.