Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menjumlahkan Nilai Kekunci Serupa dengan Cekap dalam Objek JavaScript?

Bagaimana untuk Menjumlahkan Nilai Kekunci Serupa dengan Cekap dalam Objek JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-11-23 04:17:13131semak imbas

How to Efficiently Sum Values of Similar Keys in JavaScript Objects?

Menjumlahkan Nilai Kekunci Objek Serupa

Memandangkan tatasusunan objek JavaScript, bagaimanakah anda boleh menjumlahkan nilai yang dikaitkan dengan kunci serupa dengan berkesan?

Pendekatan

Untuk mencapai matlamat ini, kami boleh menggunakan yang berikut langkah:

  1. Buat Objek Pemegang: Lelaran melalui tatasusunan asal dan isikan objek, pemegang, dengan sifat nama sebagai kunci. Untuk setiap kunci, mulakan nilai kepada nilai yang sepadan atau tambahkan nilai pada nilai sedia ada jika kunci itu sudah wujud.
  2. Bina Tatasusunan Baharu: Setelah anda mempunyai objek pemegang, buat tatasusunan baharu, obj2, dengan mengulangi sifatnya. Untuk setiap sifat, cipta objek dengan kunci nama dan jumlah nilai sebagai nilai.

Contoh

Pertimbangkan tatasusunan contoh:

var obj = [
  { 'name': 'P1', 'value': 150 },
  { 'name': 'P1', 'value': 150 },
  { 'name': 'P2', 'value': 200 },
  { 'name': 'P3', 'value': 450 }
];

Menggunakan pendekatan di atas:

// Create a holder object to sum values for similar names
var holder = {};
obj.forEach(function(d) {
  if (holder.hasOwnProperty(d.name)) {
    holder[d.name] = holder[d.name] + d.value;
  } else {
    holder[d.name] = d.value;
  }
});

// Populate a new array with the summed values
var obj2 = [];
for (var prop in holder) {
  obj2.push({ name: prop, value: holder[prop] });
}

// Output the result
console.log(obj2);

Keluaran yang dijangkakan:

[
  { 'name': 'P1', 'value': 300 },
  { 'name': 'P2', 'value': 200 },
  { 'name': 'P3', 'value': 450 }
]

Atas ialah kandungan terperinci Bagaimana untuk Menjumlahkan Nilai Kekunci Serupa dengan Cekap dalam Objek 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