ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript のグループ合計演算の詳細な分析

JavaScript のグループ合計演算の詳細な分析

PHPz
リリース: 2023-04-06 10:53:04
オリジナル
1391 人が閲覧しました

JavaScript は、多数のデータ処理および計算関数を備えた強力なプログラミング言語です。その中でも、グループ合計は、複雑なデータの詳細な分析と処理を行うのに役立つ重要な機能です。

JavaScript で配列メソッドを使用して、グループ合計演算を実行できます。たとえば、複数のデータセットを含む配列があり、各データセットには名前と対応する値が含まれています。次に、このデータを名前ごとにグループ化し、各グループの合計値を計算します。

まず、JavaScript のreduce メソッドを使用してデータをグループ化します。 reduce メソッドは配列を走査し、アキュムレータを使用してデータのグループ化を記録できます。次に、グループ化されたデータを保存する空のオブジェクトを定義できます:

const data = [
  { name: "Group A", value: 10 },
  { name: "Group B", value: 15 },
  { name: "Group A", value: 20 },
  { name: "Group B", value: 25 },
  { name: "Group C", value: 30 },
];

const groupedData = data.reduce((acc, cur) => {
  if (!acc[cur.name]) {
    acc[cur.name] = [];
  }
  acc[cur.name].push(cur.value);
  return acc;
}, {});
ログイン後にコピー

上記のコードを実行すると、グループ化されたデータを含むオブジェクトが取得されます:

{
  "Group A": [10, 20],
  "Group B": [15, 25],
  "Group C": [30]
}
ログイン後にコピー

次に、グループ化されたデータを合計する Javascript の map メソッド。 map メソッドは配列を走査し、各要素に対して指定された操作を実行できます。ここでは、グループ化された各データ配列を合計し、その結果を新しい配列に保存します。

const summedGroups = Object.keys(groupedData).map((groupName) => {
  const groupValues = groupedData[groupName];
  const sum = groupValues.reduce((acc, cur) => acc + cur);
  return { name: groupName, value: sum };
});
ログイン後にコピー

上記のコードを実行すると、グループ化された合計データを含む配列が取得されます。

[
  { name: "Group A", value: 30 },
  { name: "Group B", value: 40 },
  { name: "Group C", value: 30 }
]
ログイン後にコピー

最後に、結果を出力したり、他の方法で使用したりできます。完全なコードは次のとおりです。

const data = [
  { name: "Group A", value: 10 },
  { name: "Group B", value: 15 },
  { name: "Group A", value: 20 },
  { name: "Group B", value: 25 },
  { name: "Group C", value: 30 },
];

const groupedData = data.reduce((acc, cur) => {
  if (!acc[cur.name]) {
    acc[cur.name] = [];
  }
  acc[cur.name].push(cur.value);
  return acc;
}, {});

const summedGroups = Object.keys(groupedData).map((groupName) => {
  const groupValues = groupedData[groupName];
  const sum = groupValues.reduce((acc, cur) => acc + cur);
  return { name: groupName, value: sum };
});

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

上記のコードにより、JavaScript で配列のグループ合計演算を簡単に実行でき、より効率的なデータ処理と計算を実現できます。

以上がJavaScript のグループ合計演算の詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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