So fügen Sie Werte an Objekt in JavaScript an

Ein Objekt ist die wichtigste Einheit in der Programmiersprache aufgrund seiner unveränderlichen Eigenschaft. Mit dieser Eigenschaft können Entwickler verschiedene Aufgaben durch Objekte manipulieren. Das Anhängen verschiedener Werte an ein vorhandenes Objekt wird durchgeführt, um die Laufzeit Änderungen an den Objekten vorzunehmen. JavaScript bietet eine Vielzahl von integrierten Methoden, um Werte an Objekte in JavaScript anzuhängen. In diesem Beitrag werden wir alle möglichen Methoden zusammen mit Beispielen demonstrieren, um Werte an Objekte in JavaScript anzuhängen. Dieser Beitrag dient den folgenden Lernergebnissen:

• Objekt verwenden.Methode zuweisen (), um Werte an Objekt in JavaScript anzuhängen
• Verwenden Sie die Methode PUSP (), um Werte an Objekt in JavaScript anzuhängen
• Verwenden von Spread (…) Operator, um Werte an Objekt in JavaScript anzuhängen

Methode 1: Verwenden von Objekt.Methode zuweisen (), um Werte an Objekt in JavaScript anzuhängen

Der Objekt.zuordnen() Die Methode ist berühmt für die Anhängerung von Werten an Objekte. Es braucht zwei Argumente. Das erste repräsentiert das Zielobjekt, und das zweite Argument nimmt die Schlüssel-/Wertpaare an. Die Syntax von Objekt.zuordnen() Die Methode ist unten angegeben:

Syntax

Objekt.zuweisen (Ziel, Quelle);

Die Parameter werden hier beschrieben:

• Ziel: Gibt das Objekt an, an das die Werte angehängt werden.
• Quelle: bezieht sich auf den angehängten Wert.

Lassen Sie uns die Arbeit dieser Methode über den folgenden Beispielcode verstehen:

Code

Konsole.log ("ein Beispiel für die Verwendung von AIMISTOR () () -Methode");
Lassen Sie user_obj =
1: Name: "Adam",
2: Name: "Harry",
;
Obj = Objekt lassen.ordnen (user_obj, 3: name: "jasam");
Konsole.log (obj);

In diesem Code:

• zuerst, "Adam" Und "Harry" werden dem als Werte zugewiesen "Name" Eigentum.
• Der Objekt.zuordnen() Methode wird verwendet, um a anzuhängen "Jasam" Wert zum "User_obj" Objekt.
• Endlich, das Konsole.Protokoll() Die Methode wird verwendet, um alle Werte im Konsolenfenster zu präsentieren.

Ausgang

Aus der Ausgabe wird beobachtet, dass der neue Wert dem Objekt erfolgreich hinzugefügt wird.

Methode 2: Verwenden Sie die PUSP () -Methode zum Anhängen von Werten an ein Array -Objekt in JavaScript

Der drücken() Die Methode kann verwendet werden, um ein oder mehrere Werte in ein Array hinzuzufügen oder einzulegen. Diese Methode gibt ein neues Array zurück, nachdem die Werte angehängt sind. Lassen Sie uns sehen, ob es über die folgende Syntax funktioniert:

Syntax

arr.Push (Value1, Value2,…, Valuen)

In dieser Syntax, "Value1", "value2" Und "VURLEN" Sind die Werte an das angehängt werdenarr”Variable.

Code

Konsole.log ("ein Beispiel für die Verwendung von AIMISTOR () () -Methode");
const sports = ['Cricket', 'Hockey', 'Fußball'];
const counter = sport.Push ('Basketball');
Konsole.Protokoll (Zähler);
Konsole.Protokoll (Sport);

Die Beschreibung des Codes wird hier bereitgestellt:

• Ein Array mit dem Namen "Sport" wird erstellt, was drei Elemente i umfasst.e., "Cricket", "Hockey" Und "Fußball".
• Danach der Wert "Basketball" ist an die Verwendung der verwendet Sport.drücken() Methode in JavaScript.
• Am Ende die Konsole.Protokoll() Die Methode zeigt das Array im Konsolenfenster an.

Ausgang

Die Ausgabe zeigt, dass die "Basketball" Wert wird an die angehängt Sport Objekt durch Verwendung der drücken() Methode.

Methode 3: Verwenden von Spread (…) Operator, um Werte an Objekt in JavaScript anzuhängen

Der Spread (…) -Preiber wird verwendet, um Werte an Objekte in JavaScript anzuhängen. Es ist nützlich, Objekte an einem Ort zusammenzuführen. Die Syntax des Spread -Operators ist unten bereitgestellt:

Syntax

… Obj, Schlüssel: 'Wert'

In dieser Syntax, "Wert" wird dem zugeordnet Taste im Objekt obj.

Der Beispielcode des Spread -Operators zum Anhängen von Werten an ein Objekt ist unten angegeben:

Code

Konsole.log ("ein Beispiel zur Verwendung von Spread Operator");
lass obj1 = name: 'harry';
obj2 = … obj1, Farbe: 'White';
Konsole.log (obj2);

In diesem Code:

• Ein „OBJ1”Wird verwendet, um das Element zu speichern Name durch Zuweisen des Wertes "Harry".
• Danach die "Weiss" Wert findet an "OBJ1".
• Am Ende die Konsole.Protokoll() Die Methode zeigt die angehängten Werte im Konsolenfenster an.

Ausgang

Die Ausgabe zeigt das neue Objekt “OBJ2"Das enthält den Wert aus dem Objekt"OBJ1"Sowie der angehängte Wert"Weiss”.

Abschluss

JavaScript bietet zwei Methoden, i.e., Objekt.zuordnen() Und drücken() Werte an ein Objekt anhängen.

Der Objekt.zuordnen() Methodenanhängerungswerte für Objekte nach Schlüssel-/Wertpaaren anhängen. Der drücken() Die Methode fügt ein oder mehrere Werte in ein Array hinzu. Allerdings die Ausbreitung (…) Der Bediener kann auch verwendet werden, um Werte an ein Objekt anzuhängen. Dieser Beitrag hat alle Möglichkeiten zum Anhängen von Werten an ein Objekt in JavaScript gezeigt.