首頁  >  文章  >  web前端  >  如何在 JavaScript 中根據唯一項合併物件數組?

如何在 JavaScript 中根據唯一項合併物件數組?

Susan Sarandon
Susan Sarandon原創
2024-10-31 06:09:02246瀏覽

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

在JavaScript 中基於唯一項合併陣列

在您的查詢中,您的目標是基於共用項目合併陣列中的唯一項目元素物品。您提供了一個範例,其中需要根據 lineNumber 組合具有 cellwidth 和 lineNumber 屬性的物件陣列。

要實現此目的,您可以採取以下步驟:

  1. 初始化一個空數組,用於儲存合併結果,名稱為 newCells。
  2. 使用 for 迴圈遍歷 TotalCells 陣列。
  3. 對於每個元素,檢索其行號。
  4. 檢查是否lineNumber 作為 newCells 中的屬性存在。如果沒有,則建立一個新對象,其中包含 lineNumber 屬性和 cellWidth 空數組。
  5. 將目前元素的 cellwidth 屬性追加到 lineNumber 對應物件的 cellWidth 陣列中。

透過實作這些步驟,您將建立一個新陣列(newCells),其中每個物件代表一個唯一的行號,其cellWidth 陣列包含與該行號關聯的所有唯一儲存格寬度。

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

中總之,透過利用提供的程式碼片段,您可以根據唯一的項目屬性有效地合併數組,從而產生具有不同行號和關聯單元格寬度的新數組。

以上是如何在 JavaScript 中根據唯一項合併物件數組?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn