Heim > Web-Frontend > js-Tutorial > Wie kann ich zwei JavaScript-Objekte zusammenführen?

Wie kann ich zwei JavaScript-Objekte zusammenführen?

Mary-Kate Olsen
Freigeben: 2024-12-21 09:38:11
Original
421 Leute haben es durchsucht

How Can I Merge Two JavaScript Objects?

So führen Sie Eigenschaften zweier JavaScript-Objekte zusammen

JavaScript bietet keine native Methode zum direkten Zusammenführen von Objekten. Es gibt jedoch mehrere Möglichkeiten, diese Aufgabe zu erfüllen.

ECMAScript 2018 Standard Method

Für ES2018 und höher ermöglicht die Objektverteilungssyntax das Zusammenführen von Objekten mit der folgende Code:

let merged = {...obj1, ...obj2};
Nach dem Login kopieren

Eigenschaften in obj2 überschreiben diejenigen in obj1. Sie können mehrere Objekte mit derselben Syntax zusammenführen.

ECMAScript 2015 (ES6) Standardmethode

ES6 bietet die Methode Object.assign() zum Zusammenführen von Objekten. Das erste Argument ist das Zielobjekt, während nachfolgende Argumente Objekte sind, deren Eigenschaften in das Ziel kopiert werden:

Object.assign(obj1, obj2);

// Merge multiple objects
const allRules = Object.assign({}, obj1, obj2, obj3);
Nach dem Login kopieren

Methode für ES5 und früher

Für ES5 und früher können Sie die folgende Schleife zum Zusammenführen von Objekten verwenden:

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }
Nach dem Login kopieren

Dadurch werden einfach alle Attribute von hinzugefügt obj2 zu obj1, wodurch möglicherweise vorhandene Eigenschaften überschrieben werden.

Zusätzliche Hinweise

  • Object.assign() führt Objekte nach Referenz zusammen, während die Spread-Syntax eine erstellt neues Objekt.
  • Wenn Sie mehr Kontrolle über den Zusammenführungsprozess benötigen, können Sie dafür benutzerdefinierte Funktionen erstellen Zweck.

Das obige ist der detaillierte Inhalt vonWie kann ich zwei JavaScript-Objekte zusammenführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage