Comment combiner des tableaux JavaScript en objets uniques basés sur une propriété spécifique ?

Combinaison de tableaux en JavaScript : guide de fusion par éléments uniques

En JavaScript, la combinaison de tableaux peut être un moyen pratique de consolider des données. Cependant, lorsque l'objectif est de fusionner des tableaux basés sur des éléments uniques, une approche différente est requise.

Énoncé du problème :

Vous disposez d'un tableau d'objets, chacun contenant une propriété cellWidth et lineNumber. La tâche consiste à combiner ces objets dans un tableau avec chaque lineNumber unique représentant un nouvel objet, en regroupant les valeurs cellWidth correspondantes dans un tableau au sein de cet objet.

Solution :

Pour réaliser cette combinaison, vous pouvez utiliser un objet JavaScript comme intermédiaire. Les étapes suivantes décrivent le processus :

1. Initialiser un tableau de résultats vide :

<code class="javascript">var newCells = [];</code>

2. Parcourir l'entrée array :

<code class="javascript">for (var i = 0; i < totalCells.length; i++) {</code>

3. Extraire la propriété lineNumber :

<code class="javascript">var lineNumber = totalCells[i].lineNumber;</code>

4. Vérifier si le lineNumber existe dans le tableau résultat :

<code class="javascript">if (!newCells[lineNumber]) {</code>

5. S'il n'existe pas, ajoutez un nouvel objet au tableau résultat :

<code class="javascript">newCells[lineNumber] = {
    lineNumber: lineNumber,
    cellWidth: []
};</code>

6. Poussez la valeur cellWidth vers le tableau de l'objet :

<code class="javascript">newcells[lineNumber].cellWidth.push(totalCells[i].cellWidth);</code>

En suivant ces étapes, vous pouvez combiner efficacement les tableaux basés sur des valeurs lineNumber uniques, ce qui donne un tableau d'objets qui regroupent les largeurs de cellules par numéro de ligne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!