ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列を特定のプロパティに基づいて固有のオブジェクトに結合する方法

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

DDD
リリース: 2024-11-01 02:50:28
オリジナル
230 人が閲覧しました

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

JavaScript での配列の結合: 固有の要素による結合ガイド

JavaScript では、配列を結合することはデータを統合する便利な方法です。ただし、一意の要素に基づいて配列を結合することが目的の場合は、別のアプローチが必要になります。

問題ステートメント:

オブジェクトの配列があり、それぞれに以下が含まれています。 cellWidth プロパティと lineNumber プロパティ。タスクは、これらのオブジェクトを、新しいオブジェクトを表す各一意の lineNumber を持つ配列に結合し、対応する cellWidth 値をそのオブジェクト内の配列にグループ化することです。

解決策:

この組み合わせを実現するには、JavaScript オブジェクトを仲介として利用できます。次の手順はプロセスの概要です:

  1. 空の結果配列を初期化します:
<code class="javascript">var newCells = [];</code>
ログイン後にコピー
  1. 入力を反復処理します。配列:
<code class="javascript">for (var i = 0; i < totalCells.length; i++) {</code>
ログイン後にコピー
  1. lineNumber プロパティの抽出:
<code class="javascript">var lineNumber = totalCells[i].lineNumber;</code>
ログイン後にコピー
  1. チェックlineNumber が結果に存在する場合配列:
<code class="javascript">if (!newCells[lineNumber]) {</code>
ログイン後にコピー
  1. それが存在しない場合は、結果の配列に新しいオブジェクトを追加します:
<code class="javascript">newCells[lineNumber] = {
    lineNumber: lineNumber,
    cellWidth: []
};</code>
ログイン後にコピー
  1. cellWidth 値をオブジェクトの値にプッシュします。 array:
<code class="javascript">newcells[lineNumber].cellWidth.push(totalCells[i].cellWidth);</code>
ログイン後にコピー

これらの手順に従うと、一意の lineNumber 値に基づいて配列を効果的に組み合わせることができ、その結果、行番号ごとにセル幅をグループ化するオブジェクトの配列が得られます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート