Comment créer une fonction de carte pour les objets en javascript

Un objet est le bloc de construction pour faire une interaction avec les fonctions et les propriétés en JavaScript. Il est bénéfique pour ajouter des valeurs spécifiques aux attributs d'un objet. Cela se réalise avec le carte() Fonction, qui est la fonctionnalité intégrée de JavaScript. Il itère sur les attributs d'objet avec les paires de valeurs clés. Cet article démontre la création de fonctions de carte pour les objets en javascript. Le contenu est le suivant.

• Comment créer une fonction de carte pour les objets en javascript
• Créer une fonction de carte et afficher les attributs
• Création d'une fonction de carte et attribuer des valeurs via la carte.set () en javascript
• Objet.Entrées () Méthode en javascript

Comment créer une fonction de carte pour les objets en javascript?

JavaScript fournit une méthode map () pour les objets qui fonctionne avec une paire de valeurs clés. Il est utile pour effectuer diverses opérations sur des objets en utilisant des valeurs clés. Il fonctionne de manière similaire à un tableau.Méthode map () en itérant les éléments d'un objet. En considérant la fonction de carte pour les objets, la syntaxe est écrite comme suit.

Syntaxe

Carte (fonction (élément, index)

Dans cette syntaxe, le fonction itérer sur le élément à travers le indice valeur.

Note: Le carte() La méthode ne crée pas un nouvel objet mais modifie l'objet existant via les valeurs d'index.

Exemple 1: Créez une fonction de carte et affichez les attributs

Un exemple est adapté pour créer une fonction de carte et attribuer différentes valeurs aux attributs. La méthode map () itère tous les attributs de l'objet. Enfin, affichez tous les attributs avec leurs valeurs dans la fenêtre de la console. Le code suivant est pratiqué comme suit:

Code

console.log ("Créer une fonction de carte pour les objets");
Soit stud_obj =
"Math_marks": 80,
"Anglais_marks": 77,
"Physics_marks": 90;
Objet.Keys (stud_obj).map (fonction (clé, valeur)
);
console.log (stud_obj);

Dans ce code:

• Un objet est créé avec le nom "Stud_obj" et a des attributs différents, y compris «Math_marks», «Anglais_Marks» et "Physics_marks".
• Ces attributs contiennent différents «80, 77 et 90» valeurs attribuées par le côlon.
• Après cela, Objet.clés sont utilisés pour retourner les attributs d'un objet "Stud_obj".
• La carte() La fonction appelle tous les attributs présents dans l'objet via des paires de valeurs clés.
• En fin de compte, le console.enregistrer() la méthode est utilisée pour afficher l'objet "Stud_obj" Dans la fenêtre de la console.

Sortir

La sortie renvoie tous les attributs «Math_marks», «Anglais_Marks» et "Physics_marks" avec leurs valeurs assignées dans la fenêtre de la console.

Exemple 2: Créez une fonction de carte et attribuez des valeurs

Un exemple est utilisé pour créer un nouvel objet Map en utilisant le nouveau mot-clé. Après cela, le carte.ensemble() Les méthodes sont utilisées pour attribuer des attributs dans le code JavaScript.

Code

console.log ("Créer une fonction de carte pour les objets");
Soit Map = new Map ();
carte.set ("Harry_id", 04);
carte.set ("Peter_id", 08);
carte.set ("John_id", 07);
Soit Obj_ids = Array.De (map).réduire ((obj_ids, [key, valeur]) => (
Objet.attribuer (obj_ids, [key]: valeur)
), );
console.log (obj_ids);

L'explication du code est la suivante:

• UN carte L'objet est créé avec un nouveau mot-clé qui itère sur les attributs de l'objet.
• Après cela, le carte.ensemble() la méthode est utilisée en attribuant les attributs "Harry_id", "Peter_id" et "John_id".
• Ces attributs ont des valeurs uniques, notamment «04», «08», et "07" respectivement.
• De plus, le Déployer.depuis() la méthode renvoie le tableau du carte objet.
• Après cela, le réduire() la méthode rappelle le OBJ_IDS et extrait tous les attributs avec valeurs.
• Le Objet.attribuer() la méthode définit la valeur spécifique à chaque attribut via clés.
• Finalement, le console.enregistrer() la méthode présente tous les attributs du objet en passant "OBJ_IDS".

Sortir

Exemple 3: objet.Entrées () Méthode en javascript

JavaScript fournit le Objet.Entrées () méthode et renvoie tous les attributs de l'objet en fonction valeur clé paires. En considérant le Objet.Entrées () Méthode, le code est écrit comme suit.

Code

console.log ("Créer une fonction de carte pour les objets");
const sports_obj =
Premièrement: «Cricket»,
Deuxièmement: «football»,
Troisièmement: «hockey»,

const m = newmap (objet.Entrées (Sports_OBJ));
console.journal (m);

La description du code est la suivante:

• Premièrement, un objet "Sports_obj" est créé contenant différents attributs "première seconde" et "troisième".
• Ces attributs ont des valeurs différentes comme «Cricket», «Football» et "Le hockey".
• Après cela, le Objet.Entrées () la méthode accepte un objet "Sports_obj" et renvoie tous les attributs et les stocke dans la variable "M".
• Finalement, le console.enregistrer() La méthode est utilisée pour présenter la liste des attributs des objets dans la fenêtre de la console.

Sortir

La sortie affiche le nombre d'attributs comme «3» et affiche tous les attributs avec des valeurs dans la fenêtre de la console.

Conclusion

JavaScript fournit un carte() Méthode pour créer une fonction de carte pour interagir avec les propriétés des objets. Il itère sur tous les attributs des objets en utilisant des valeurs clés. De plus, le carte.ensemble() Les méthodes sont utilisées pour attribuer les attributs des objets. De plus, le Objet.Entrées () La méthode renvoie tous les attributs de l'objet après avoir créé une fonction de carte dans JavaScript. Cet article démontre la création d'une fonction de carte pour les objets et affiche tous les attributs des objets dans la fenêtre de la console.