Comment les méthodes d'objet MAP fonctionnent dans JavaScript | Expliqué avec des exemples
Il existe plusieurs méthodes d'objet de carte disponibles en JavaScript qui sont utilisées pour des tâches telles que la création d'une nouvelle carte, le réglage ou l'affichage des valeurs dans une carte, etc. Ici, dans cette rédaction, nous avons expliqué toutes les méthodes d'objet de carte JavaScript pour vous.
Nouvelle carte ()
La nouvelle méthode map () comme le nom l'indique est utilisée pour créer un nouvel objet MAP.
Syntaxe
map = new map (["key", valeur]);Exemple
Dans cet exemple, nous avons démontré le fonctionnement de la nouvelle carte ().
const map1 = new Map ();map1.set ('a', 100);
map1.set ('b', 200);
map1.set ('c', 300);
console.journal (map1.obtenir un"));
Comme indiqué dans le code, nous créons une nouvelle carte du nom "map1". De plus, nous attribuons certaines paires de valeurs de clé à la carte nouvellement créée à l'aide de la méthode set () et enfin nous affichons la valeur stockée dans la méthode «A» en utilisant Get ().
Sortir
Une nouvelle carte a été créée avec succès.
ensemble()
Dans le but d'ajouter ou de modifier des valeurs à une carte existante, la méthode de l'objet SET () est utilisée.
Syntaxe
carte.set ("key", valeur);Exemple
Supposons que vous souhaitiez modifier une certaine valeur dans une carte existante. Utilisez le code suivant.
const map1 = new map ([[["Café", 100],
["sucre", 200],
["Lait", 300]
]));
map1.set ("café", 150);
console.journal (map1.obtenir ("café"));
Dans le code ci-dessus, une carte est créée qui a certaines clés et valeurs stockées dedans. Nous utilisons la méthode set () pour modifier la valeur de la première clé de la carte existante.
Sortir
La valeur de la clé «café» a été changée en «150».
obtenir()
Afin d'obtenir / récupérer la valeur d'une clé dans une carte, la méthode get () est utilisée.
Syntaxe
carte.Obtenir la clé");Exemple
Affichons la valeur d'une certaine clé dans une carte existante.
const map1 = new map ([[["Café", 100],
["sucre", 200],
["Lait", 300]
]));
console.journal (map1.obtenir ("lait"));
Ici, nous avons d'abord créé une carte et en utilisant la méthode get (), nous affichons la valeur de la clé «lait».
Sortir
La valeur du «lait» clé a été affichée avec succès.
taille
Dans le but de connaître les éléments de nombre qui sont présents sur une carte, la propriété de taille est utilisée.
Syntaxe
carte.taille;Exemple
Supposons que vous souhaitiez afficher le nombre d'éléments présents dans la carte. Suivez le code fourni.
const map1 = new map ([[["A", 1],
["B", 2],
["C", 3]
]));
console.journal (map1.taille);
Dans le code ci-dessus, nous créons une carte et affichons sa taille en utilisant la propriété de taille.
Sortir
Les éléments présents dans la carte sont 3.
supprimer()
Aux fins de supprimer un certain élément d'une carte, la méthode delete () est utilisée.
Syntaxe
carte.delete ("key");Exemple
Supposons que vous souhaitiez supprimer un élément spécifique d'une carte:
const map1 = new map ([[["Café", 1],
["sucre", 2],
["Lait", 3]
]));
map1.supprimer ("sucre");
console.journal (map1.taille);
Dans le code JavaScript ci-dessus, nous supprimons l'élément «sucre» de la carte et affichant le nombre restant d'éléments en utilisant la propriété de taille.
Sortir
Après avoir supprimé l'élément «sucre», le nombre restant d'éléments est 2.
clair()
La méthode Clear () est utilisée pour retirer tous les éléments d'une carte.
Syntaxe
carte.clair();Exemple
Supposons que vous souhaitiez effacer toutes les paires de valeurs clés à partir d'une carte et afficher la taille de la carte après avoir effacé toutes les valeurs. Utilisez le code ci-dessous.
const map1 = new map ([[["A", 1],
["B", 2],
["C", 3]
]));
map1.clair();
console.journal (map1.taille);
Dans le code ci-dessus, nous avons d'abord créé une certaine carte, puis utilisé la méthode Clear () pour supprimer tous ses éléments et affiché la taille de la carte en utilisant la propriété de taille.
Sortir
Tous les éléments de MAP1 ont été supprimés.
a()
La méthode Has () s'affiche vraie si une clé spécifiée est présente dans une carte et false sinon.
Syntaxe
carte.a ("clé");Exemple
Pour évaluer qu'une certaine clé est présente dans une carte ou non, utilisez le code suivant.
const map1 = new map ([[["Café", 500],
["Sucre", 300],
["Lait", 200]
]));
console.journal (map1.a ("banane");
Dans le code ci-dessus, nous avons créé une carte et lui avons donné certaines paires de valeurs clés. En utilisant la méthode Has (), nous allons vérifier s'il y a une clé présente dans la carte par le nom «banane».
Sortir
La méthode Has () affichée fausse car il n'y a pas de telle clé présente dans la carte.
pour chaque()
Afin d'exécuter une fonction pour chacun des éléments présents dans une carte, la méthode foreach () est utilisée.
Syntaxe
carte.foreach ((fonction (valeur, clé));Exemple
Supposons que vous souhaitiez afficher toutes les paires de valeurs clés présentes sur une carte et pour ce faire, vous souhaitez exécuter une fonction pour chacune de ces paires en utilisant la méthode foreach ().
const map1 = new map ([[["Café", 150],
["sucre", 250],
["Lait", 350]
]));
Selt txt = "";
map1.foreach (fonction (valeur, clé)
txt + = key + '=' + valeur + ","
)
console.log (txt);
Dans le code ci-dessus, nous exécutons une fonction pour chaque paire de valeurs de clé présente sur une carte. Cette fonction affichera chacune de ces paires.
Sortir
Chacune des paires de valeurs clés présentes dans la carte a été affichée.
clés()
Dans le but d'afficher toutes les clés d'une carte, la méthode Keys () est utilisée.
Syntaxe
carte.clés();Exemple
Cet exemple démontre le fonctionnement de la méthode Keys ().
const map1 = new map ([[["Café", 150],
["sucre", 250],
["Lait", 350]
]));
console.journal (map1.clés());
Dans ce code, nous utilisons la méthode clé () pour obtenir chaque clé présente dans la carte.
Sortir
Chaque clé de la carte a été affichée avec succès.
valeurs()
Dans le but d'afficher toutes les valeurs d'une carte, la méthode VALEUR () est utilisée.
Syntaxe
carte.valeurs();Exemple
Cet exemple démontre le fonctionnement de la méthode des valeurs ().
const map1 = new map ([[["Café", 150],
["sucre", 250],
["Lait", 350]
]));
console.journal (map1.valeurs());
Nous utilisons la méthode Value () pour afficher chaque valeur présente dans la carte.
Sortir
Toutes les valeurs de la carte ont été affichées.
Entrées ()
Afin d'afficher toutes les touches ainsi que les valeurs présentes dans une carte, la méthode des entrées () est utilisée.
Syntaxe
carte.entrées ();Exemple
Suivez l'exemple ci-dessous pour comprendre le fonctionnement de la méthode des entrées ().
const map1 = new map ([[["Café", 150],
["sucre", 250],
["Lait", 350]
]));
console.journal (map1.entrées ());
Ici, nous utilisons la méthode des entrées () pour afficher toutes les paires de valeurs clés présentes dans une carte.
Sortir
La méthode des entrées () fonctionne correctement.
Conclusion
Il existe plusieurs méthodes d'objet de carte JavaScript qui vous permettent de créer une nouvelle carte, définir ou afficher des valeurs sur une carte, etc. Ces méthodes sont définies (), get (), delete (), clear (), has (), foreach (), keys (), valeurs () et entrées (). Toutes ces méthodes servent un objectif différent qui est expliqué en détail avec un exemple pertinent.