Analisis mendalam operasi jumlah kumpulan JavaScript

PHPz
Lepaskan: 2023-04-06 10:53:04
asal
1354 orang telah melayarinya

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;
}, {});
Salin selepas log masuk

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

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

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 };
});
Salin selepas log masuk

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 }
]
Salin selepas log masuk

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);
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!