- 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 attribution de valeurs via map.set() en JavaScript
- Méthode Object.entries() 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 clé-valeur. Il est utile pour effectuer diverses opérations sur des objets en utilisant des valeurs clés. Cela fonctionne de la même manière qu'une méthode array.map() en itérant sur les éléments d'un objet. En considérant la fonction map pour les objets, la syntaxe s'écrit comme suit.
Syntaxe
carte ( fonction ( élément, indice )
Dans cette syntaxe, le fonction itère sur le élément à travers le indice évaluer.
Noter : La carte() La méthode ne crée pas un nouvel objet mais modifie l'objet existant via les valeurs d'index.
Exemple 1 : créer une fonction de carte et afficher 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. Journal ( 'Créer une fonction de carte pour les objets' ) ;laisser Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Physics_Marks' : 90 } ;
Objet . clés ( Goujon_Obj ) . carte ( fonction ( valeur clé ) {
} ) ;
console. Journal ( Goujon_Obj ) ;
Dans ce code :
- Un objet est créé avec le nom « Goujon_Obj » et a différents attributs, y compris 'Math_Marks', 'English_Marks' et 'Physics_Marks'.
- Ces attributs contiennent différents '80, 77 et 90' valeurs attribuées par les deux-points.
- Après ça, Object.keys sont utilisés pour retourner les attributs d'un objet « Goujon_Obj ».
- La carte() la fonction appelle tous les attributs présents dans l'objet via des paires clé-valeur.
- En fin de compte, le console.log() méthode est employée pour afficher l'objet « Goujon_Obj » dans la fenêtre de la console.
Production
La sortie renvoie tous les attributs 'Math_Marks', 'English_Marks' et 'Physics_Marks' avec leurs valeurs assignées dans la fenêtre de la console.
Exemple 2 : créer une fonction de carte et attribuer des valeurs
Un exemple est utilisé pour créer un nouvel objet cartographique en utilisant le Nouveau mot-clé. Après cela, le map.set() Les méthodes sont utilisées pour attribuer des attributs dans le code JavaScript.
Code
console. Journal ( 'Créer une fonction de carte pour les objets' ) ;laisser la carte = Nouveau Carte ( ) ;
carte. Positionner ( 'Harry_id' , 04 ) ;
carte. Positionner ( 'Peter_id' , 08 ) ;
carte. Positionner ( 'John_id' , 07 ) ;
laisser obj_ids = Déployer . de ( carte ) . réduire ( ( obj_ids, [ valeur clé ] ) => (
Objet . attribuer ( obj_ids, { [ clé ] : évaluer } )
) , { } ) ;
console. Journal ( obj_ids ) ;
L'explication du code est la suivante :
- UN carte objet est créé avec un Nouveau mot-clé qui itère sur les attributs de l'objet.
- Après cela, le map.set() 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 Tableau.de() La méthode renvoie le tableau de la carte objet.
- Après cela, le réduire() méthode rappelle le obj_ids et extrait tous les attributs avec valeurs .
- La Objet.assign() La méthode définit la valeur spécifique de chaque attribut via clés .
- Finalement, le console.log() méthode présente tous les attributs de la objet en passant 'obj_ids' .
Production
Exemple 3 : Méthode Object.entries() en JavaScript
JavaScript fournit le Objet.entries() méthode et renvoie tous les attributs de l'objet en fonction de valeur clé paires. En considérant la Objet.entries() méthode, le code s'écrit comme suit.
Code
console. Journal ( 'Créer une fonction de carte pour les objets' ) ;constante sport_obj = {
première : 'Criquet' ,
deuxième : 'Football' ,
troisième : 'Le hockey' ,
}
constante m = nouveauCarte ( Objet . entrées ( sport_obj ) ) ;
console. Journal ( m ) ;
La description du code est la suivante :
- Tout d'abord, un objet 'sport_obj' est créé avec différents attributs 'première seconde' et 'troisième'.
- Ces attributs ont des valeurs différentes selon 'Cricket', 'Football' et 'Le hockey'.
- Après cela, le Objet.entries() la méthode accepte un objet 'sport_obj' et renvoie tous les attributs et les stocke dans la variable 'm'.
- Finalement, le console.log() La méthode est employée pour présenter la liste des attributs des objets dans la fenêtre de la console.
Production
La sortie indique le nombre d'attributs sous la forme '3' et affiche tous les attributs avec des valeurs dans la fenêtre de la console.
Conclusion
JavaScript fournit un carte() méthode de création d'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 map.set() méthodes sont utilisées pour attribuer les attributs des objets. De plus, le Objet.entries() La méthode renvoie tous les attributs de l'objet après avoir créé une fonction de carte en JavaScript. Cet article illustre 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.