Bagaimana untuk Menghimpunkan Berbilang Kunci dalam Susunan Objek Menggunakan Lodash?

Kumpulkan Berbilang Kekunci dalam Tatasusunan Objek dengan Nama Unik

Tugas di tangan melibatkan pengubahsuaian susunan objek untuk memudahkan pemaparan lebih mudah. Matlamatnya adalah untuk mengumpulkan objek mengikut kekunci tertentu, tanpa mengira nama sebenar mereka dalam tatasusunan asal.

Pertimbangkan tatasusunan input berikut:

const items = [
  {
    tab: 'Results',
    section: '2017',
    title: 'Full year Results',
    description: 'Something here',
  },
  {
    tab: 'Results',
    section: '2017',
    title: 'Half year Results',
    description: 'Something here',
  },
  {
    tab: 'Reports',
    section: 'Marketing',
    title: 'First Report',
    description: 'Something here',
  }
];

Output sasaran kami adalah untuk mempunyai tatasusunan baharu dengan struktur berikut:

const output = [
  {
    tab: 'Results',
    sections: [
      {
        section: '2017',
        items: [ { 'item that belongs here' }, { ... } ],
      },
  },
  {
    tab: 'Reports',
    sections: [
      {
        section: 'Marketing',
        items: [ { ... }, { ... } ],
      },
  },
...
]

Untuk mencapai matlamat ini, kita boleh menggunakan gabungan _.map dan _.groupBy Lodash fungsi:

const groupAndMap = (items, itemKey, childKey, predic) => {
    return _.map(_.groupBy(items, itemKey), (obj, key) => ({
        [itemKey]: key,
        [childKey]: (predic && predic(obj)) || obj
    }));
};

var result = groupAndMap(items, "tab", "sections", 
                arr => groupAndMap(arr, "section", "items"));

Pembolehubah hasil kini mengandungi tatasusunan terkumpul objek yang dikehendaki:

console.log(result);

Atas ialah kandungan terperinci Bagaimana untuk Menghimpunkan Berbilang Kunci dalam Susunan Objek Menggunakan Lodash?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!