如何在樹狀結構上執行多個嵌套的LodashGroupBys？

假設我有一個這樣的資料結構。

 child: [
    {
      typeOfPackage: 'subSub',
      parents: '/Test123/Diet/',
      itemName: '250 ML',
      pricePerItem: 150,
      quantity: 0,
      quantityType: '123',
      description: '5',
      avgTimeTaken: 0,
      images: [],
      isEnabled: true,
      inventory: [],
      equipment: [],
      _id: 617f9efdf0347931684888fd
    },
    {
      typeOfPackage: 'sub',
      parents: '/Test123/',
      itemName: 'Regular',
      pricePerItem: 0,
      quantity: 0,
      quantityType: '1',
      description: '1',
      avgTimeTaken: 1,
      images: [],
      isEnabled: true,
      inventory: [],
      equipment: [],
      _id: 617f9efdf0347931684888fe
    },
    {
      typeOfPackage: 'subSub',
      parents: '/Test123/Reg3/',
      itemName: '500ML',
      pricePerItem: 123,
      quantity: 0,
      quantityType: '12',
      description: '123',
      avgTimeTaken: 51,
      images: [],
      isEnabled: true,
      inventory: [],
      equipment: [],
      _id: 617f9efdf0347931684888ff
    }
  ]

我打算通過拆分父母來轉換這些資料。我的預期結果如下：

child: [
{
 itemName: 'Test123',
 subPackages: [
  {
    itemName: 'Diet',
    subSubPackages: [{
      typeOfPackage: 'subSub',
      parents: '/Test123/Diet/',
      itemName: '250 ML',
      pricePerItem: 150,
      quantity: 0,
      quantityType: '123',
      description: '5',
      avgTimeTaken: 0,
      images: [],
      isEnabled: true,
      inventory: [],
      equipment: [],
    }]
  },
  {
    itemName: 'Regular',
    typeOfPackage: 'sub',
    parents: '/Test123/',
    pricePerItem: 0,
    quantity: 0,
    quantityType: '1',
    description: '1',
    avgTimeTaken: 1,
    images: [],
    isEnabled: true,
    inventory: [],
    equipment: [],
    subSubPackages: [],
  },
  {
    itemName: 'Reg3',
    subSubPackages: [
    {
      typeOfPackage: 'subSub',
      parents: '/Test123/Reg3/',
      itemName: '500ML',
      pricePerItem: 123,
      quantity: 0,
      quantityType: '12',
      description: '123',
      avgTimeTaken: 51,
      images: [],
      isEnabled: true,
      inventory: [],
      equipment: [],
      _id: 617f9efdf0347931684888ff
    }
   ]
  },
 ]
}
]

我嘗試使用 lodash 的鏈和 groupBy，但我只能按第一個 itemName (Test123) 對其進行分組。我無法弄清楚如何在不使用自定義 for 回圈和 map 方法的情況下在其中進行進一步分組，這讓我感到困惑。

uj5u.com熱心網友回復：

您可以拆分parents并構建嵌套結構。

這種方法采用一個影子物件來更快地訪問同名的父物件，并且只回傳有效載荷而沒有組織結構。

如果你喜歡使用subPackagesor subSubPackages，你可以使用一個函式來生成這個鍵以及actuyl 嵌套級別。對于以后處理資料，我建議僅使用通用名稱，例如children每個級別。

const
    getSub = level => `sub${'Sub'.repeat(level)}Level`,
    data = [{ typeOfPackage: 'subSub', parents: '/Test123/Diet/', itemName: '250 ML', pricePerItem: 150, quantity: 0, quantityType: '123', description: '5', avgTimeTaken: 0, images: [], isEnabled: true, inventory: [], equipment: [], _id: '617f9efdf0347931684888fd' }, { typeOfPackage: 'sub', parents: '/Test123/', itemName: 'Regular', pricePerItem: 0, quantity: 0, quantityType: '1', description: '1', avgTimeTaken: 1, images: [], isEnabled: true, inventory: [], equipment: [], _id: '617f9efdf0347931684888fe' }, { typeOfPackage: 'subSub', parents: '/Test123/Reg3/', itemName: '500ML', pricePerItem: 123, quantity: 0, quantityType: '12', description: '123', avgTimeTaken: 51, images: [], isEnabled: true, inventory: [], equipment: [], _id: '617f9efdf0347931684888ff' }],
    result = data
        .reduce((r, o) => {
            o
                .parents
                .split('/')
                .filter(Boolean)
                .reduce((t, itemName, i) => {                            
                    if (!t[itemName]) {
                        t[itemName] = { _: [] };
                        t._.push({ itemName, [getSub(i)]: t[itemName]._ });
                    }
                    return t[itemName];
                }, r)
                ._
                .push(o);
            return r;
        }, { _: [] })
        ._;

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

標籤：javascript 数组 多维数组 洛达什

上一篇：點亮的元素無法為每個回圈呈現

下一篇：在回圈一次之前，Javascript會在for回圈開始時導致崩潰