Bagaimana untuk Menghimpun dan Menjumlahkan Tatasusunan Objek mengikut Harta Menggunakan jQuery?

Barbara Streisand
Lepaskan: 2024-11-17 19:37:01
asal
720 orang telah melayarinya

How to Group and Sum an Array of Objects by Property Using jQuery?

Cara Mengumpul dan Menjumlahkan Tatasusunan Objek mengikut Harta Menggunakan jQuery

jQuery menyediakan kaedah yang berkuasa untuk manipulasi data, termasuk keupayaan untuk mengumpulkan tatasusunan objek mengikut sifat biasa dan jumlahkan nilai yang berkaitan.

Penyelesaian

Untuk mencapai pengumpulan dan penjumlahan ini dengan jQuery:

  1. Lelaran ke atas tatasusunan objek menggunakan kaedah .each() .
  2. Untuk setiap objek, semak sama ada sifat Id sudah wujud dalam tatasusunan hasil.
  3. Jika wujud, tambah nilai qty yang sepadan dengan nilai qty objek.
  4. Jika tidak, buat objek baharu dalam tatasusunan hasil dengan sifat Id dan nilai qty bersamaan dengan nilai qty objek.

Kod Contoh

var array = [
  { Id: "001", qty: 1 },
  { Id: "002", qty: 2 },
  { Id: "001", qty: 2 },
  { Id: "003", qty: 4 }
];

var result = [];
$.each(array, function(index, object) {
  if (!$.inArray(object.Id, result)) {
    result.push({ Id: object.Id, qty: 0 });
  }
  $.grep(result, function(value) {
    if (value.Id === object.Id) {
      value.qty += object.qty;
    }
  });
});

console.log(result);
Salin selepas log masuk

Output:

[
  { Id: "001", qty: 3 },
  { Id: "002", qty: 2 },
  { Id: "003", qty: 4 }
]
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Menghimpun dan Menjumlahkan Tatasusunan Objek mengikut Harta Menggunakan jQuery?. 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