ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の一意のプロパティに基づいてオブジェクトの配列を結合する方法

JavaScript の一意のプロパティに基づいてオブジェクトの配列を結合する方法

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-31 18:15:02862ブラウズ

How to Merge Arrays of Objects Based on a Unique Property in JavaScript?

JavaScript での一意の項目に基づいて配列を結合する

配列の結合は、特に以下に基づいてデータを結合する必要がある場合に、JavaScript で一般的なタスクになることがあります。具体的な基準。この特定のインスタンスの目標は、共有の lineNumber プロパティに基づいてオブジェクトの配列を結合し、lineNumber と対応する cellWidth 値の配列を含むオブジェクトの配列を生成することです。

これを実現するには、次のようにします。コード スニペットを使用できます:

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);
}

コードの詳細:

  • マージされた結果を保存するために、新しい配列が newCells として初期化されます。
  • コードfor ループを使用して totalCells 配列を反復処理します。
  • totalCells 内の各オブジェクトについて、lineNumber が抽出されます。
  • if ステートメントを使用して、現在の lineNumber を持つオブジェクトがすでに存在するかどうかを確認します。新しいセル。存在しない場合は、lineNumber と空の cellWidth 配列を持つ新しいオブジェクトが newCells に追加されます。
  • 現在の totalCells オブジェクトの cellWidth 値が、newCells 内の一致するオブジェクトの cellWidth 配列にプッシュされます。

これらの手順に従って、コードは totalCells 配列を newCells に結合します。各オブジェクトには一意の lineNumber と、その lineNumber に対応する cellWidth 値の配列が含まれます。

以上がJavaScript の一意のプロパティに基づいてオブジェクトの配列を結合する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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