So erstellen Sie eine Kartenfunktion für Objekte in JavaScript

Ein Objekt ist der Baustein, der mit Funktionen und Eigenschaften in JavaScript umgeht. Es ist vorteilhaft, um den Attributen eines Objekts bestimmte Werte hinzuzufügen. Es wird mit dem wahr Karte() Funktion, die die integrierte Funktionalität von JavaScript ist. Es iteriert die Objektattribute mit den Schlüsselwertpaaren. Dieser Artikel zeigt die Erstellung von Kartenfunktionen für Objekte in JavaScript. Der Inhalt ist wie folgt.

• 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 Sie Werte über MAP.set () in JavaScript
• Objekt.Einträge () Methode in JavaScript

So erstellen Sie eine Kartenfunktion für Objekte in JavaScript?

JavaScript bietet eine MAP () -Methode für Objekte, die mit einem Schlüsselwertpaar funktioniert. Es ist wertvoll, verschiedene Operationen auf Objekten durchzuführen, indem wichtige Werte verwendet werden. Es funktioniert ähnlich wie ein Array.MAP () Methode durch Iterieren über Elemente eines Objekts. Durch die Betrachtung der Kartenfunktion für Objekte wird die Syntax wie folgt geschrieben.

Syntax

Karte (Funktion (Element, Index)

In dieser Syntax die Funktion Iteriert über die Element durch das Index Wert.

Notiz: Der Karte() Die Methode erstellt kein neues Objekt, verändert das vorhandene Objekt jedoch über 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. Schließlich zeigen Sie alle Attribute zusammen mit ihren Werten im Konsolenfenster an. Der folgende Code wird wie folgt geübt:

Code

Konsole.log ("eine Kartenfunktion für Objekte erstellen");
lass stud_obj =
"Math_marks": 80,
"English_marks": 77,
"Physics_marks": 90;
Objekt.Schlüssel (Stud_obj).MAP (Funktion (Schlüssel, Wert)
);
Konsole.log (stud_obj);

In diesem Code:

• Ein Objekt wird mit dem Namen erstellt "Stud_obj" und hat unterschiedliche Attribute, einschließlich "Math_marks", "english_marks" Und "Physics_marks".
• Diese Attribute enthalten unterschiedlich "80, 77 und 90" vom Dickdarm zugewiesene Werte.
• Danach, Objekt.Schlüssel werden verwendet, um die Attribute eines Objekts zurückzugeben "Stud_obj".
• Die Karte() Die Funktion fordert alle im Objekt vorhandenen Attribute über Schlüsselwertpaare.
• Am Ende die Konsole.Protokoll() Die Methode wird verwendet, um das Objekt anzuzeigen "Stud_obj" im Konsolenfenster.

Ausgang

Die Ausgabe gibt alle Attribute zurück "Math_marks", "english_marks" Und "Physics_marks" mit ihren zugewiesenen Werten im Konsolenfenster.

Beispiel 2: Erstellen Sie eine Kartenfunktion und weisen Sie Werte zu

Ein Beispiel wird verwendet, um ein neues Kartenobjekt mit der Verwendung der zu erstellen neu Stichwort. Danach die Karte.Satz() Methoden werden verwendet, um Attribute im JavaScript -Code zuzuweisen.

Code

Konsole.log ("eine Kartenfunktion für Objekte erstellen");
map = new map ();
Karte.set ("harry_id", 04);
Karte.set ("Peter_id", 08);
Karte.set ("John_id", 07);
lass obj_ids = array.von (Karte).reduzieren ((obj_ids, [Schlüssel, Wert]) => (
Objekt.AUFTRAG (OBJ_IDS, [Schlüssel]: Wert)
), );
Konsole.log (obj_ids);

Die Erklärung des Code ist wie folgt:

• A Karte Objekt wird mit a erstellt neu Schlüsselwort, das die Attribute des Objekts iteriert.
• Danach die Karte.Satz() Die 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" bzw.
• Außerdem die Array.aus() Methode gibt das Array aus dem zurück Karte Objekt.
• Danach die reduzieren() Methode ruft die zurück obj_ids und extrahiert alle Attribute mit Werte.
• Der Objekt.zuordnen() Die Methode legt den spezifischen Wert für jedes Attribut durch Schlüssel.
• Endlich, das Konsole.Protokoll() Methode präsentiert alle Attribute der Objekt durch Passieren "Obj_ids".

Ausgang

Beispiel 3: Objekt.Einträge () Methode in JavaScript

JavaScript liefert die Objekt.Einträge () Methode und gibt alle Attribute des Objekts basierend auf zurück Schlüsselwert Paare. Durch Betrachtung der Objekt.Einträge () Methode, der Code ist wie folgt geschrieben.

Code

Konsole.log ("eine Kartenfunktion für Objekte erstellen");
const sports_obj =
Erstens: 'Cricket',
Zweitens: 'Fußball',
Dritter: 'Hockey',

const m = newmap (Objekt.Einträge (Sports_OBJ));
Konsole.log (m);

Die Beschreibung des Codes lautet wie folgt:

• Erstens ein Objekt "Sports_obj" wird erstellt, das verschiedene Attribute enthält "erste Sekunde" Und "dritte".
• Diese Attribute haben unterschiedliche Werte als "Cricket", "Fußball" Und "Eishockey".
• Danach die Objekt.Einträge () Methode akzeptiert ein Objekt "Sports_obj" und gibt alle Attribute zurück und speichert sie in der Variablen "M".
• Endlich, das Konsole.Protokoll() Die Methode wird verwendet, um die Liste der Attribute von Objekten im Konsolenfenster zu präsentieren.

Ausgang

Die Ausgabe zeigt die Anzahl der Attribute als „3“ an und zeigt alle Attribute mit Werten im Konsolenfenster an.

Abschluss

JavaScript liefert a Karte() Methode zum Erstellen einer Kartenfunktion für die Interaktion mit den Eigenschaften von Objekten. Es iteriert alle Attribute von Objekten durch die Verwendung von Schlüsselwerten. zusätzlich Karte.Satz() Methoden werden verwendet, um die Attribute von Objekten zuzuweisen. Außerdem die Objekt.Einträge () Die Methode gibt alle Attribute des Objekts nach dem Erstellen einer Kartenfunktion in JavaScript zurück. Dieser Artikel zeigt die Erstellung einer Kartenfunktion für Objekte und zeigt alle Attribute von Objekten im Konsolenfenster an.