- So erstellen Sie eine Kartenfunktion für Objekte in JavaScript
- Erstellen Sie eine Kartenfunktion und zeigen Sie die Attribute an
- Erstellen einer Kartenfunktion und Zuweisen von Werten über map.set() in JavaScript
- Object.entries()-Methode in JavaScript
Wie erstelle ich eine Kartenfunktion für Objekte in JavaScript?
JavaScript bietet eine map()-Methode für Objekte, die mit einem Schlüssel-Wert-Paar arbeitet. Es ist wertvoll, um verschiedene Operationen an Objekten durchzuführen, indem Schlüsselwerte verwendet werden. Sie funktioniert ähnlich wie eine array.map()-Methode, indem sie über Elemente eines Objekts iteriert. Unter Berücksichtigung der Abbildungsfunktion für Objekte wird die Syntax wie folgt geschrieben.
Syntax
Karte ( Funktion ( Element, Index )
In dieser Syntax ist die Funktion iteriert über die Element durch die Index Wert.
Notiz : Das Karte() -Methode erstellt kein neues Objekt, sondern ändert das vorhandene Objekt durch die Indexwerte.
Beispiel 1: Erstellen Sie eine Kartenfunktion und zeigen Sie die Attribute an
Ein Beispiel wird angepasst, um eine Kartenfunktion zu erstellen und Attributen unterschiedliche Werte zuzuweisen. Die Methode map() iteriert alle Attribute des Objekts. Zeigen Sie schließlich alle Attribute zusammen mit ihren Werten im Konsolenfenster an. Der folgende Code wird wie folgt praktiziert:
Code
Konsole. Protokoll ( 'Erstellen Sie eine Kartenfunktion für Objekte' ) ;lass Stud_Obj = {
'Mathe_Marks' : 80 ,
'English_Marks' : 77 ,
'Physik_Marken' : 90 } ;
Objekt . Schlüssel ( Stud_Obj ) . Karte ( Funktion ( Schlüsselwert ) {
} ) ;
Konsole. Protokoll ( Stud_Obj ) ;
In diesem Code:
- Ein Objekt wird mit dem Namen erstellt „Stud_Obj“ und hat verschiedene Attribute, einschließlich „Math_Marks“, „English_Marks“ und „Physik_Marken“.
- Diese Attribute enthalten verschiedene „80, 77 und 90“ Werte, die durch den Doppelpunkt zugewiesen werden.
- Danach, Objekt.Schlüssel werden verwendet, um die Attribute eines Objekts zurückzugeben „Stud_Obj“.
- Die Karte() Funktion ruft alle im Objekt vorhandenen Attribute über Schlüssel-Wert-Paare auf.
- Am Ende ist die Konsole.log() Methode wird verwendet, um das Objekt anzuzeigen „Stud_Obj“ im Konsolenfenster.
Ausgabe
Die Ausgabe gibt alle Attribute zurück „Math_Marks“, „English_Marks“ und „Physik_Marken“ mit ihren zugewiesenen Werten im Konsolenfenster.
Beispiel 2: Erstellen Sie eine Zuordnungsfunktion und weisen Sie Werte zu
Ein Beispiel wird verwendet, um ein neues Kartenobjekt unter Verwendung von zu erstellen Neu Stichwort. Danach die map.set() Methoden werden verwendet, um Attribute im JavaScript-Code zuzuweisen.
Code
Konsole. Protokoll ( 'Erstellen Sie eine Kartenfunktion für Objekte' ) ;Karte lassen = Neu Karte ( ) ;
Karte. einstellen ( 'Harry_id' , 04 ) ;
Karte. einstellen ( 'Peter_id' , 08 ) ;
Karte. einstellen ( 'John_id' , 07 ) ;
lassen obj_ids = Array . aus ( Karte ) . reduzieren ( ( obj_ids, [ Schlüsselwert ] ) => (
Objekt . zuordnen ( obj_ids, { [ Schlüssel ] : Wert } )
) , { } ) ;
Konsole. Protokoll ( obj_ids ) ;
Die Erklärung des Codes lautet wie folgt:
- EIN Karte Objekt wird mit a erstellt Neu Schlüsselwort, das die Attribute des Objekts durchläuft.
- Danach die map.set() Methode wird verwendet, indem die Attribute zugewiesen werden „Harry_id“ , „Peter_id“ und „John_id“.
- Diese Attribute haben eindeutige Werte, einschließlich „04“, „08“, und „07“ beziehungsweise.
- Außerdem die Array.from() -Methode gibt das Array aus der zurück Karte Objekt.
- Danach die reduzieren() Methode ruft die zurück obj_ids und extrahiert alle Attribute mit Werte .
- Das Object.assign() -Methode legt den spezifischen Wert für jedes Attribut durch fest Schlüssel .
- Endlich, das Konsole.log() -Methode präsentiert alle Attribute der Objekt durch Passieren „obj_ids“ .
Ausgabe
Beispiel 3: Methode Object.entries() in JavaScript
JavaScript bietet die Objekt.Einträge() -Methode und gibt alle Attribute des Objekts basierend auf zurück Schlüsselwert Paare. Durch die Berücksichtigung der Objekt.Einträge() Methode wird der Code wie folgt geschrieben.
Code
Konsole. Protokoll ( 'Erstellen Sie eine Kartenfunktion für Objekte' ) ;konst sport_obj = {
Erste : 'Kricket' ,
zweite : 'Fußball' ,
dritte : 'Eishockey' ,
}
konst m = neueKarte ( Objekt . Einträge ( sport_obj ) ) ;
Konsole. Protokoll ( m ) ;
Die Beschreibung des Codes lautet wie folgt:
- Erstens ein Objekt „sport_obj“ wird mit verschiedenen Attributen erstellt 'erste Sekunde' und 'dritte'.
- Diese Attribute haben unterschiedliche Werte als „Cricket“, „Fußball“ und 'Eishockey'.
- Danach die Objekt.Einträge() Methode akzeptiert ein Objekt „sport_obj“ und gibt alle Attribute zurück und speichert sie in der Variablen 'm'.
- Endlich, das Konsole.log() -Methode wird verwendet, um die Liste der Attribute von Objekten im Konsolenfenster anzuzeigen.
Ausgabe
Die Ausgabe zeigt die Anzahl der Attribute als „3“ und zeigt alle Attribute mit Werten im Konsolenfenster an.
Fazit
JavaScript bietet a Karte() Methode zum Erstellen einer Kartenfunktion, um mit den Eigenschaften von Objekten zu interagieren. Es iteriert über alle Attribute von Objekten, indem Schlüsselwerte verwendet werden. zusätzlich map.set() Methoden werden verwendet, um die Attribute von Objekten zuzuweisen. Außerdem die Objekt.Einträge() -Methode gibt alle Attribute des Objekts zurück, nachdem eine Kartenfunktion in JavaScript erstellt wurde. Dieser Artikel demonstriert die Erstellung einer Zuordnungsfunktion für Objekte und zeigt alle Attribute von Objekten im Konsolenfenster an.