Bagaimanakah Anda Boleh Mengumpul dan Menjumlahkan Tatasusunan Objek dalam jQuery Menggunakan Kaedah Kurangkan?

Mengumpul dan Menjumlahkan Susunan Objek dalam jQuery: Panduan Terperinci

Mengumpul dan menjumlahkan nilai dalam tatasusunan objek ialah tugas biasa dalam pengaturcaraan. Dalam jQuery, ini boleh dicapai dengan cekap menggunakan kaedah reduce().

Memahami Matlamat

Matlamatnya adalah untuk mengumpulkan pelbagai objek berdasarkan sifat tertentu , dalam kes ini, sifat "Id". Setelah objek dikumpulkan, kuantiti ("qty") setiap kumpulan hendaklah disimpulkan.

Penyelesaian Langkah demi Langkah

1. Permulaan: Cipta tatasusunan kosong bernama hasil untuk menyimpan kumpulan itu objek.

2. Gelung Melalui Tatasusunan: Gunakan kaedah reduce() untuk mengulang melalui tatasusunan. Kaedah ini mengambil dua fungsi sebagai parameter:

   • fungsi akumulator: Mengumpul hasil lelaran sebelumnya. Ia biasanya diwakili sebagai res atau acc.
   • fungsi nilai: Memproses elemen semasa dalam tatasusunan. Ia biasanya diwakili sebagai nilai atau nilai semasa.
3. Pengelompokan: Dalam kaedah reduce(), semak sama ada objek akumulator (res) mempunyai sifat yang sepadan dengan objek semasa Harta "ID". Jika tidak, mulakan objek dengan "Id" semasa sebagai sifat dan sifat "qty" yang dimulakan kepada 0, dan tolak objek ini ke dalam tatasusunan hasil.
4. Penjumlahan: Kemas kini sifat "qty" objek penumpuk yang sepadan dengan "Id" objek semasa dengan menambah "qty" objek semasa nilai.
5. Kembalikan Hasil: Kaedah reduce() mengembalikan objek penumpuk akhir. Objek ini mewakili tatasusunan objek yang dikumpulkan dan dijumlahkan.

Contoh Pelaksanaan

Coretan kod jQuery berikut menunjukkan langkah-langkah yang digariskan di atas:

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

var result = [];
array.reduce(function(res, value) {
  if (!res[value.Id]) {
    res[value.Id] = { Id: value.Id, qty: 0 };
    result.push(res[value.Id])
  }
  res[value.Id].qty += value.qty;
  return res;
}, {});

console.log(result);

Kod ini akan mengeluarkan tatasusunan terkumpul dan dijumlahkan berikut objek:

[
  { Id: "001", qty: 3 },
  { Id: "002", qty: 2 },
  { Id: "003", qty: 4 }
]

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Mengumpul dan Menjumlahkan Tatasusunan Objek dalam jQuery Menggunakan Kaedah Kurangkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!