Bagaimanakah Saya Boleh Mengumpul Tatasusunan Objek dengan Cekap dalam JavaScript?

GroupBy Optimization untuk Objek Tatasusunan

Apabila bekerja dengan tatasusunan objek, selalunya perlu mengumpulkannya dengan cekap untuk analisis. Berikut ialah perbincangan tentang pendekatan yang paling berkesan untuk mencapai matlamat ini.

Menggunakan Pustaka Luar:

Underscore.js menyediakan fungsi groupBy yang memudahkan pengumpulan mengikut nilai utama tertentu . Walau bagaimanapun, ia mungkin tidak memenuhi sepenuhnya keperluan untuk menggabungkan kumpulan dan bukannya memisahkan mereka.

Melaksanakan Kumpulan Tersuai Mengikut Fungsi:

Untuk mencapai kawalan tepat ke atas kumpulan dan pengagregatan, pertimbangkan untuk melaksanakan fungsi tersuai. Berikut ialah pelaksanaan JavaScript vanila:

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

Contoh:

Mari kita gunakan fungsi groupBy tersuai ini pada tatasusunan contoh:

var data = [ 
    { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" },
    { Phase: "Phase 1", Step: "Step 1", Task: "Task 2", Value: "10" },
    { Phase: "Phase 1", Step: "Step 2", Task: "Task 1", Value: "15" },
    { Phase: "Phase 1", Step: "Step 2", Task: "Task 2", Value: "20" },
    { Phase: "Phase 2", Step: "Step 1", Task: "Task 1", Value: "25" },
    { Phase: "Phase 2", Step: "Step 1", Task: "Task 2", Value: "30" },
    { Phase: "Phase 2", Step: "Step 2", Task: "Task 1", Value: "35" },
    { Phase: "Phase 2", Step: "Step 2", Task: "Task 2", Value: "40" }
];

var groupedByPhase = groupBy(data, "Phase");
var groupedByPhaseAndStep = groupBy(data, "Phase", "Step");

console.log(groupedByPhase);
console.log(groupedByPhaseAndStep);

Output:

{
  "Phase 1": [
    { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" },
    { Phase: "Phase 1", Step: "Step 1", Task: "Task 2", Value: "10" },
    { Phase: "Phase 1", Step: "Step 2", Task: "Task 1", Value: "15" },
    { Phase: "Phase 1", Step: "Step 2", Task: "Task 2", Value: "20" }
  ],
  "Phase 2": [
    { Phase: "Phase 2", Step: "Step 1", Task: "Task 1", Value: "25" },
    { Phase: "Phase 2", Step: "Step 1", Task: "Task 2", Value: "30" },
    { Phase: "Phase 2", Step: "Step 2", Task: "Task 1", Value: "35" },
    { Phase: "Phase 2", Step: "Step 2", Task: "Task 2", Value: "40" }
  ]
}
{
  "Phase 1": {
    "Step 1": [
      { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" },
      { Phase: "Phase 1", Step: "Step 1", Task: "Task 2", Value: "10" }
    ],
    "Step 2": [
      { Phase: "Phase 1", Step: "Step 2", Task: "Task 1", Value: "15" },
      { Phase: "Phase 1", Step: "Step 2", Task: "Task 2", Value: "20" }
    ]
  },
  "Phase 2": {
    "Step 1": [
      { Phase: "Phase 2", Step: "Step 1", Task: "Task 1", Value: "25" },
      { Phase: "Phase 2", Step: "Step 1", Task: "Task 2", Value: "30" }
    ],
    "Step 2": [
      { Phase: "Phase 2", Step: "Step 2", Task: "Task 1", Value: "35" },
      { Phase: "Phase 2", Step: "Step 2", Task: "Task 2", Value: "40" }
    ]
  }
}

Seperti yang anda lihat, keputusan sejajar dengan format yang dijangkakan, mengumpulkan objek berdasarkan kunci yang ditentukan sambil menggabungkannya dan bukannya membelahnya.

Kesimpulannya, pelaksanaan tersuai groupBy ini menyediakan keupayaan pengumpulan yang cekap untuk tatasusunan objek, memenuhi kefungsian pengagregatan yang diingini.

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