Werte an Objekt in JavaScript anhängen

1. Verwenden Sie die Methode object.assign(), um Elemente an Objekte in JavaScript anzuhängen
2. Verwenden Sie die Methode push(), um Elemente in JavaScript an Objekte anzuhängen
3. Verwendung von den Spread-Operator zum Anhängen an Objekte in JavaScript

Objekte sind in JavaScript standardmäßig veränderbar. Je nach Bedarf können wir diese nachträglich ändern.

In diesem Tutorial wird gezeigt, wie Sie Werte an JavaScript-Objekte anhängen.

Verwenden Sie die Methode object.assign(), um Elemente an Objekte in JavaScript anzuhängen

Die Methode object.assign() kopiert alle in einem Objekt definierten Eigenschaften in ein anderes Objekt, d.h. sie kopiert alle Eigenschaften aus einer oder mehreren Quellen in die Zielobjekte. Dadurch hängen wir ein Element an das Objekt an.

Beispielsweise,

const course = {
  name: 'JavaScript'
};
const grade = {
  score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);

Ausgabe:

{ name: 'JavaScript', score: 92 }

Verwenden Sie die Methode push(), um Elemente in JavaScript an Objekte anzuhängen

Die Funktion push() fügt einzelne oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge des Arrays zurück.

Beispielsweise,

const brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);

Ausgabe:

4
[ 'nike', 'reebok', 'adidas', 'venum' ]

Beachten Sie, dass count die Länge des Arrays zurückgibt. Dies ist wahrscheinlich die einfachste Methode, um Elemente an ein in einem Array eingeschlossenes Objekt anzuhängen. Es ist ratsam, Arrays zu verwenden, da diese auch veränderbar sind.

Beispielsweise,

const brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);

Ausgabe:

2
[{nike: 1500},{reebok: 2000}]

Verwendung von den Spread-Operator zum Anhängen an Objekte in JavaScript

Der Spread-Operator wird verwendet, um Objekte in JavaScript zusammenzuführen oder zu klonen. Es kann verwendet werden, wenn alle Elemente in einem Objekt in eine Liste aufgenommen werden müssen.

Beispielsweise,

const rectangle = {
  radius: 10
};
const style = {
  Backcolour: 'red'
};
const solidRectangle = {
  ...rectangle,
  ...style
};
console.log(solidRectangle);

Ausgabe:

{ radius: 10, Backcolour: 'red' }