Heim > Web-Frontend > js-Tutorial > Wie kann ich mit ES6 JavaScript-Objekte effizient nach ID zusammenführen?

Wie kann ich mit ES6 JavaScript-Objekte effizient nach ID zusammenführen?

Patricia Arquette
Freigeben: 2024-12-12 14:55:14
Original
757 Leute haben es durchsucht

How Can I Efficiently Merge JavaScript Objects by ID Using ES6?

JavaScript-Objekte nach ID zusammenführen: Eine umfassende Anleitung

Das Zusammenführen von Objekten nach einem Bezeichner (ID) ist insbesondere in der JavaScript-Programmierung eine häufige Aufgabe bei der Kombination von Daten aus verschiedenen Quellen. Dieser Leitfaden stellt eine effiziente Lösung mit einer prägnanten ES6-Syntax vor.

Lösung:

Um zwei Arrays von Objekten basierend auf dem ID-Feld zusammenzuführen, können wir Folgendes verwenden Ansatz:

const a3 = a1.map((t1) => ({
  ...t1,
  ...a2.find((t2) => t2.id === t1.id),
}));
Nach dem Login kopieren

Erklärung:

  • Die Methode map() iteriert über das erste Array (a1).
  • Für jedes Objekt t1 in a1 erstellen wir ein neues Objekt mit dem Spread-Operator (...), um seine Eigenschaften zu kopieren.
  • Wir verwenden find() für das zweites Array (a2), um nach einem Objekt mit einer passenden ID zu t1 zu suchen.
  • Die Eigenschaften des gefundenen Objekts werden dann mithilfe des Spread-Operators in das neue Objekt kopiert.

Beispielverwendung:

Beachten Sie die im bereitgestellten Beispielarrays Frage:

var a1 = [{ id: 1, name: "test"}, { id: 2, name: "test2"}];
var a2 = [{ id: 1, count: "1"}, {id: 2, count: "2"}];
Nach dem Login kopieren

Durch die Anwendung der obigen Lösung wird das gewünschte zusammengeführte Array erzeugt:

var a3 = [{ id: 1, name: "test", count: "1"}, 
          { id: 2, name: "test2", count: "2"}];
Nach dem Login kopieren

Vorteile:

  • Prägnant und lesbarer Code.
  • Effiziente Verwendung des ES6-Spread-Operators für Objekte Zusammenführen.
  • Verarbeitet sowohl vorhandene als auch fehlende Eigenschaften in den zusammengeführten Objekten.

Das obige ist der detaillierte Inhalt vonWie kann ich mit ES6 JavaScript-Objekte effizient nach ID 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