Bagaimanakah Saya Boleh Mengumpulkan Susunan Objek dengan Cekap dalam JavaScript Menggunakan Pendekatan Vanila?

Kaedah KumpulanBy yang Cekap untuk Tatasusunan Objek

Mengumpulkan objek berdasarkan sifat biasa ialah tugas biasa dalam pemprosesan data. Coretan ini menyediakan penyelesaian yang cekap untuk mengumpulkan objek dalam tatasusunan menggunakan pendekatan JavaScript vanila.

Mengapa Elakkan Underscore.js?

Walaupun Underscore.js menawarkan fungsi groupBy, pelaksanaannya mungkin tidak sesuai jika anda memerlukan hasil "gabungan" dan bukannya kumpulan berasingan.

Vanila Tersuai JS GroupBy

Skrip berikut mentakrifkan fungsi groupBy yang beroperasi pada tatasusunan objek:

var groupBy = function(xs, key) {
  return xs.reduce(function(rv, x) {
    (rv[x[key]] = rv[x[key]] || []).push(x);
    return rv;
  }, {});
};

Contoh Penggunaan

Untuk mengumpulkan objek mengikut "Fasa":

const data = [
  { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" },
  ...
];
const groupedByPhase = groupBy(data, 'Phase');

groupedByPhase akan mengandungi:

{
  "Phase 1": [
    { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" },
    ...
  ],
  "Phase 2": [
    { Phase: "Phase 2", Step: "Step 1", Task: "Task 1", Value: "25" },
    ...
  ]
}

Untuk mengumpulkan lebih lanjut mengikut "Langkah":

const groupedByPhaseStep = _(groupedByPhase).values().map(phase => {
  return groupBy(phase, 'Step');
}).value();

groupedByPhaseStep akan mengandungi:

[
  {
    "Phase": "Phase 1",
    "Step": "Step 1",
    "Value": 15
  },
  ...
]

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengumpulkan Susunan Objek dengan Cekap dalam JavaScript Menggunakan Pendekatan Vanila?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!