Objet de carte dans JavaScript | Expliqué
En JavaScript, différentes structures de données comme les tableaux et les objets sont utilisés pour stocker les collections de données. En javascript, les paires de valeurs clés peuvent être stockées dans les objets. Ecmascript 2015 propose un nouvel objet itérable nommé cartes qui offre plus de flexibilité en stockant les éléments en paires de valeurs clés.
Ce message présentera un aperçu détaillé de l'objet MAP et il sera organisé comme suit:
- Qu'est-ce qu'un objet de carte?
- Comment créer un objet de carte?
- Carte Méthodes d'objet en javascript.
- Comment supprimer les éléments de la carte?
- Comment obtenir la valeur de la clé dans une carte?
- Comment obtenir le nombre d'éléments de carte?
- Comment récupérer les clés à partir d'un objet de carte?
Qu'est-ce qu'un objet de carte?
Les points énumérés ci-dessous vous aideront à comprendre le concept d'objet MAP:
- C'est une collection d'articles / éléments.
- Il peut contenir / stocker les paires de valeurs clés.
- Il maintient l'ordre d'insertion de la paire de valeurs clés.
- Les clés d'un objet MAP peuvent être de tout type de données telles que les nombres, les chaînes, les objets, etc.
Comment créer un objet de carte?
Un objet MAP peut être créé soit à l'aide d'un nouveau constructeur MAP () ou de la méthode set (). Nous comprendrons le fonctionnement de chaque méthode un par un.
Comment créer un objet MAP à l'aide du nouveau constructeur MAP ()?
Dans JavaScript, nous pouvons créer un objet MAP à l'aide d'un nouveau constructeur MAP (). Pour ce faire, nous devons passer un tableau d'éléments à la nouvelle méthode MAP ():
| 1 2 3 4 5 6 7 8 | var stddetails = new map ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ])); console.log (stddetails); |
Maintenant, exécutons le code ci-dessus pour voir quelle sera la sortie résultante:
C'est ainsi que fonctionne la nouvelle méthode map () dans JavaScript.
Comment créer un objet de carte à l'aide de la méthode set ()?
Une autre façon de créer un objet de carte est SET () qui nous permet d'ajouter des éléments à une carte.
| 1 2 3 4 5 6 7 | var stddetails = new map () stddetails.set (1, "Alex"), stddetails.set (2, "Dean"), stddetails.set (3, "Joanes"), stddetails.set (4, "John"), stddetails.set (5, "Joe"), console.log (stddetails); |
Le morceau de code donné ci-dessus produira le résultat donné ci-dessous:
La sortie a précisé que l'objet MAP avec cinq éléments avait été créé avec succès.
Carte Méthodes d'objet en javascript
Le tableau donné ci-dessous illustrera les méthodes de carte et leur travail en JavaScript:
| Méthode | Description |
|---|---|
| Nouvelle carte () | Il est utilisé pour créer un nouvel objet de carte. |
| ensemble() | La méthode set () définit la valeur de la clé dans une carte. |
| obtenir() | Cette méthode est utilisée pour obtenir une valeur liée à une clé spécifique dans la carte. |
| supprimer() | Il supprime un élément de carte associé à une clé spécifique. |
| clair() | Il supprime / efface tous les éléments de la carte. |
| pour chaque() | Il invoque un rappel pour chaque paire de touches / valeur présente dans la carte |
| a() | Il est utilisé pour vérifier si une clé spécifique existe sur la carte. |
| clés() | Cette méthode est utilisée pour obtenir les clés de carte. |
| Entrées () | Il renvoie un objet Iterator qui se compose d'une paire [clé, valeur] présente dans une carte. |
| valeurs() | Cette méthode renvoie un objet Iterator contenant toutes les valeurs de carte. |
Une fois l'objet MAP créé, vous pouvez utiliser l'une des méthodes susmentionnées pour atteindre diverses fonctionnalités.
Comment supprimer les éléments de la carte?
Dans JavaScript, la méthode de suppression peut être utilisée pour supprimer l'élément de carte comme indiqué dans l'extrait de code suivant:
| 1 2 3 4 5 6 7 8 9 | var stddetails = new map ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ])); stddetails.supprimer (3); console.log (stddetails); |
Dans cet exemple, nous avons passé 3 à la méthode de suppression (), qui supprimera l'élément de carte qui a l'ID 3:
C'est ainsi que nous pouvons supprimer un élément de carte spécifique, cependant, en JavaScript, la méthode Clear () peut être utilisée pour supprimer tous les éléments de la carte:
| 1 2 3 4 5 6 7 8 9 | var stddetails = new map ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ])); stddetails.clair(); console.log (stddetails); |
Voici la sortie de la méthode Clear ():
Comment obtenir la valeur d'une clé dans une carte?
Dans JavaScript, la méthode get () peut être utilisée pour obtenir une valeur associée à une clé dans la carte comme indiqué dans l'extrait de code divisé:
| 1 2 3 4 5 6 7 8 | var stddetails = new map ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ])); console.journal (stddetails.obtenir (5)); |
La méthode get () produira la sortie suivante:
Comment obtenir la taille / le nombre d'éléments de carte?
En JavaScript, l'objet MAP a une propriété nommée taille qui peut être utilisée pour obtenir le nombre d'éléments dans une carte.
| 1 2 3 4 5 6 7 8 | var stddetails = new map ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ])); console.journal (stddetails.taille); |
La propriété de taille générera la sortie suivante:
C'est ainsi que vous pouvez obtenir la taille d'une carte.
Comment récupérer les clés à partir d'un objet de carte?
Dans JavaScript, la méthode clé () peut être utilisée pour obtenir les clés d'un objet MAP:
| 1 2 3 4 5 6 7 8 9 dix 11 12 13 | var stddetails = new map ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ])); var string = ""; pour (var éléments de stddetails.clés()) String + = items + "\ n"; console.log (chaîne); |
Maintenant, exécutons le code ci-dessus pour voir quelle sera la sortie résultante:
C'est ainsi que nous pouvons utiliser n'importe quelle méthode d'objet map () pour obtenir différentes fonctionnalités.
Conclusion
L'objet MAP dans JavaScript est une collection d'éléments qui peuvent contenir / stocker les paires de valeurs clés. Les clés d'un objet MAP peuvent être de tout type de données telles que les nombres, les chaînes, les objets, etc. L'objet MAP maintient l'ordre de la paire de valeurs clés. L'objet MAP propose de nombreuses méthodes utilisées à diverses fins. Cet article a expliqué ce qu'est exactement l'objet Map et comment utiliser les méthodes d'objet Map pour atteindre différentes fonctionnalités.