Heim >Web-Frontend >js-Tutorial >Wie kombiniere ich JavaScript-Arrays basierend auf einer bestimmten Eigenschaft zu eindeutigen Objekten?

Wie kombiniere ich JavaScript-Arrays basierend auf einer bestimmten Eigenschaft zu eindeutigen Objekten?

DDD
DDDOriginal
2024-11-01 02:50:28229Durchsuche

How to Combine JavaScript Arrays into Unique Objects Based on a Specific Property?

Kombinieren von Arrays in JavaScript: Eine Anleitung zum Zusammenführen durch eindeutige Elemente

In JavaScript kann das Kombinieren von Arrays eine praktische Möglichkeit zum Konsolidieren von Daten sein. Wenn das Ziel jedoch darin besteht, Arrays basierend auf eindeutigen Elementen zusammenzuführen, ist ein anderer Ansatz erforderlich.

Problemstellung:

Sie haben ein Array von Objekten, von denen jedes Folgendes enthält eine cellWidth- und lineNumber-Eigenschaft. Die Aufgabe besteht darin, diese Objekte in einem Array zu kombinieren, wobei jede eindeutige lineNumber ein neues Objekt darstellt und die entsprechenden cellWidth-Werte in einem Array innerhalb dieses Objekts gruppiert.

Lösung:

Um diese Kombination zu erreichen, können Sie ein JavaScript-Objekt als Vermittler verwenden. Die folgenden Schritte beschreiben den Prozess:

  1. Initialisieren Sie ein leeres Ergebnisarray:
<code class="javascript">var newCells = [];</code>
  1. Iterieren Sie die Eingabe array:
<code class="javascript">for (var i = 0; i < totalCells.length; i++) {</code>
  1. Extrahieren Sie die lineNumber-Eigenschaft:
<code class="javascript">var lineNumber = totalCells[i].lineNumber;</code>
  1. Überprüfen Wenn die Zeilennummer im Ergebnisarray vorhanden ist:
<code class="javascript">if (!newCells[lineNumber]) {</code>
  1. Wenn sie nicht vorhanden ist, fügen Sie ein neues Objekt zum Ergebnisarray hinzu:
<code class="javascript">newCells[lineNumber] = {
    lineNumber: lineNumber,
    cellWidth: []
};</code>
  1. Übertragen Sie den cellWidth-Wert in das Array des Objekts:
<code class="javascript">newcells[lineNumber].cellWidth.push(totalCells[i].cellWidth);</code>

Durch Befolgen dieser Schritte können Sie effektiv kombinieren Die Arrays basieren auf eindeutigen lineNumber-Werten, was zu einem Array von Objekten führt, die die Zellenbreiten nach Zeilennummer gruppieren.

Das obige ist der detaillierte Inhalt vonWie kombiniere ich JavaScript-Arrays basierend auf einer bestimmten Eigenschaft zu eindeutigen Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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