Heim > Web-Frontend > js-Tutorial > Wie füge ich ein Array von Objekten basierend auf eindeutigen Elementen in JavaScript zusammen?

Wie füge ich ein Array von Objekten basierend auf eindeutigen Elementen in JavaScript zusammen?

Susan Sarandon
Freigeben: 2024-10-31 06:09:02
Original
268 Leute haben es durchsucht

How to Merge an Array of Objects Based on Unique Items in JavaScript?

Zusammenführen eines Arrays basierend auf eindeutigen Elementen in JavaScript

In Ihrer Anfrage möchten Sie Elemente aus einem Array basierend auf einem gemeinsamen eindeutigen Element zusammenführen Artikel. Sie haben ein Beispiel bereitgestellt, in dem ein Array von Objekten mit den Eigenschaften cellwidth und lineNumber basierend auf lineNumber kombiniert werden muss.

Um dies zu erreichen, können Sie die folgenden Schritte ausführen:

  1. Initialisieren ein leeres Array zum Speichern des zusammengeführten Ergebnisses mit dem Namen newCells.
  2. Durchlaufen Sie das Array totalCells mit einer for-Schleife.
  3. Rufen Sie für jedes Element seine Zeilennummer ab.
  4. Überprüfen Sie, ob lineNumber existiert als Eigenschaft in newCells. Wenn nicht, erstellen Sie ein neues Objekt mit Eigenschaften für lineNumber und einem leeren Array für cellWidth.
  5. Hängen Sie die cellwidth-Eigenschaft des aktuellen Elements an das cellWidth-Array des Objekts an, das der lineNumber entspricht.

Durch die Implementierung dieser Schritte erstellen Sie ein neues Array (newCells), in dem jedes Objekt eine eindeutige Zeilennummer darstellt und sein Array „cellWidth“ alle eindeutigen Zellenbreiten enthält, die dieser Zeilennummer zugeordnet sind.

<code class="javascript">var newCells = [];
for (var i = 0; i < totalCells.length; i++) {
    var lineNumber = totalCells[i].lineNumber;
    if (!newCells[lineNumber]) { // Add new object to result
        newCells[lineNumber] = {
            lineNumber: lineNumber,
            cellWidth: []
        };
    }
    // Add this cellWidth to object
    newcells[lineNumber].cellWidth.push(totalCells[i].cellWidth);
}</code>
Nach dem Login kopieren

In Zusammenfassend lässt sich sagen, dass Sie durch die Nutzung des bereitgestellten Codeausschnitts Arrays basierend auf eindeutigen Elementeigenschaften effektiv zusammenführen können, was zu einem neuen Array mit unterschiedlichen Zeilennummern und zugehörigen Zellenbreiten führt.

Das obige ist der detaillierte Inhalt vonWie füge ich ein Array von Objekten basierend auf eindeutigen Elementen in JavaScript zusammen?. 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