Rumah  >  Artikel  >  hujung hadapan web  >  Analisis mendalam operasi jumlah kumpulan JavaScript

Analisis mendalam operasi jumlah kumpulan JavaScript

PHPz
PHPzasal
2023-04-06 09:05:191325semak imbas

Javascript ialah bahasa pengaturcaraan yang berkuasa dengan pelbagai fungsi pemprosesan dan pengiraan data. Antaranya, penjumlahan kumpulan adalah fungsi penting yang boleh membantu kami menjalankan analisis dan pemprosesan data yang kompleks secara mendalam.

Kita boleh menggunakan kaedah tatasusunan dalam Javascript untuk melaksanakan operasi jumlah kumpulan. Sebagai contoh, kami mempunyai tatasusunan yang mengandungi berbilang set data, setiap set data mengandungi nama dan nilai yang sepadan. Sekarang kita mahu mengumpulkan data ini mengikut nama dan mengira jumlah nilai setiap kumpulan.

Pertama, kita boleh mengumpulkan data menggunakan kaedah pengurangan dalam Javascript. Kaedah pengurangan boleh merentasi tatasusunan dan menggunakan penumpuk untuk merekodkan pengumpulan data. Seterusnya, kita boleh menentukan objek kosong untuk menyimpan data terkumpul:

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

Selepas melaksanakan kod di atas, kita akan mendapat objek yang mengandungi data terkumpul:

{
  "Group A": [10, 20],
  "Group B": [15, 25],
  "Group C": [30]
}

Seterusnya, kita boleh menggunakan kaedah peta dalam Javascript untuk menjumlahkan data terkumpul. Kaedah peta boleh merentasi tatasusunan dan melaksanakan operasi yang ditentukan pada setiap elemen. Di sini, kami menjumlahkan setiap tatasusunan data terkumpul dan menyimpan hasilnya dalam tatasusunan baharu:

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

Selepas melaksanakan kod di atas, kami akan mendapat tatasusunan yang mengandungi data jumlah terkumpul :

[
  { name: "Group A", value: 30 },
  { name: "Group B", value: 40 },
  { name: "Group C", value: 30 }
]

Akhir sekali, kita boleh mengeluarkan hasilnya atau menggunakannya dengan cara lain. Kod lengkap adalah seperti berikut:

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

Melalui kod di atas, kami boleh melakukan operasi jumlah kumpulan dengan mudah pada tatasusunan dalam Javascript, dengan itu mencapai pemprosesan dan pengiraan data yang lebih cekap.

Atas ialah kandungan terperinci Analisis mendalam operasi jumlah kumpulan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Cara menggunakan JavaScriptArtikel seterusnya:Cara menggunakan JavaScript