ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で一意の項目に基づいてオブジェクトの配列をマージする方法

JavaScript で一意の項目に基づいてオブジェクトの配列をマージする方法

Susan Sarandon
Susan Sarandonオリジナル
2024-10-31 06:09:02173ブラウズ

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

JavaScript での一意の項目に基づいた配列のマージ

お問い合わせでは、共有の一意の項目に基づいて配列の要素をマージすることを目的としています。アイテム。 cellwidth プロパティと lineNumber プロパティを持つオブジェクトの配列を lineNumber に基づいて結合する必要がある例を提供しました。

これを実現するには、次の手順を実行できます。

  1. Initialize newCells という名前のマージ結果を格納する空の配列。
  2. for ループを使用して totalCells 配列を反復処理します。
  3. 各要素について、その lineNumber を取得します。
  4. Check if lineNumber は newCells のプロパティとして存在します。そうでない場合は、lineNumber のプロパティと cellWidth の空の配列を持つ新しいオブジェクトを作成します。
  5. 現在の要素の cellwidth プロパティを、lineNumber に対応するオブジェクトの cellWidth 配列に追加します。

これらの手順を実装すると、各オブジェクトが一意の lineNumber を表し、その cellWidth 配列にその行番号に関連付けられたすべての一意のセル幅が含まれる新しい配列 (newCells) が作成されます。

<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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。