Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menjumlahkan Nilai Kunci Pendua dengan Cekap dalam Susunan Objek JavaScript?

Bagaimana untuk Menjumlahkan Nilai Kunci Pendua dengan Cekap dalam Susunan Objek JavaScript?

Susan Sarandon
Lepaskan: 2024-12-20 01:32:09
asal
1010 orang telah melayarinya

How to Efficiently Sum Values of Duplicate Keys in a JavaScript Array of Objects?

Menjumlahkan Nilai Kunci Pendua dalam Susunan Objek

Dalam JavaScript, apabila berurusan dengan pelbagai objek, seseorang mungkin menghadapi keperluan untuk menggabungkan kunci pendua dan menjumlahkan nilai yang berkaitan. Memandangkan pelbagai objek seperti:

objArr = [
    {key: "Mon Sep 23 2013 00:00:00 GMT-0400", val: 42},
    {key: "Mon Sep 24 2013 00:00:00 GMT-0400", val: 78},
    {key: "Mon Sep 25 2013 00:00:00 GMT-0400", val: 23},
    {key: "Mon Sep 23 2013 00:00:00 GMT-0400", val: 54} // duplicate key
]
Salin selepas log masuk

Seseorang akan menyasarkan untuk mencapai perkara berikut:

reducedObjArr = [
    {key: "Mon Sep 23 2013 00:00:00 GMT-0400", val: 96},
    {key: "Mon Sep 24 2013 00:00:00 GMT-0400", val: 78},
    {key: "Mon Sep 25 2013 00:00:00 GMT-0400", val: 23}
]
Salin selepas log masuk

Daripada mengulang dan menolak nilai, pendekatan yang lebih cekap menggunakan Peta dan Kurangkan:

let counts = objArr.reduce((prev, curr) => {
  let count = prev.get(curr.key) || 0;
  prev.set(curr.key, curr.val + count);
  return prev;
}, new Map());
Salin selepas log masuk

Ini mencipta Peta dengan kekunci sebagai kunci objek dan nilai sebagai nilai hasil penjumlahan. Akhirnya, Peta ditukar kembali kepada tatasusunan dengan:

let reducedObjArr = [...counts].map(([_, value]) => {
  return {key, value}
})
Salin selepas log masuk

Pendekatan ini lebih ringkas dan menghapuskan risiko ralat yang berkaitan dengan lelaran manual.

Atas ialah kandungan terperinci Bagaimana untuk Menjumlahkan Nilai Kunci Pendua dengan Cekap dalam Susunan Objek 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan