ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使用してオブジェクトの配列をプロパティごとにグループ化して合計する方法?

jQueryを使用してオブジェクトの配列をプロパティごとにグループ化して合計する方法?

Barbara Streisand
リリース: 2024-11-17 19:37:01
オリジナル
779 人が閲覧しました

How to Group and Sum an Array of Objects by Property Using jQuery?

jQuery を使用してプロパティごとにオブジェクトの配列をグループ化して合計する方法

jQuery は、共通のプロパティごとにオブジェクトの配列をグループ化する機能など、データ操作のための強力な方法を提供します

解決策

jQuery を使用してこのグループ化と合計を実現するには:

  1. .each() メソッドを使用してオブジェクトの配列を反復処理します。 .
  2. 各オブジェクトについて、Id プロパティが結果配列にすでに存在するかどうかを確認します。
  3. 存在する場合は、対応する数量値をオブジェクトの数量値だけ増分します。
  4. それ以外の場合は、Id プロパティとオブジェクトの数量値と等しい数量値を使用して、結果配列に新しいオブジェクトを作成します。

サンプル コード

var array = [
  { Id: "001", qty: 1 },
  { Id: "002", qty: 2 },
  { Id: "001", qty: 2 },
  { Id: "003", qty: 4 }
];

var result = [];
$.each(array, function(index, object) {
  if (!$.inArray(object.Id, result)) {
    result.push({ Id: object.Id, qty: 0 });
  }
  $.grep(result, function(value) {
    if (value.Id === object.Id) {
      value.qty += object.qty;
    }
  });
});

console.log(result);
ログイン後にコピー

出力:

[
  { Id: "001", qty: 3 },
  { Id: "002", qty: 2 },
  { Id: "003", qty: 4 }
]
ログイン後にコピー

以上がjQueryを使用してオブジェクトの配列をプロパティごとにグループ化して合計する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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