Question

我试图通过在宁静的API中返回的名为“ ProductGroupName”的属性来分隔项目。我想遍历并为每个部分创建一个单独的数组，其中每个项目都列为该属性。

我可以在服务器端操作SQL以更改给出结果的方式，但这会引起问题；这是示例结果：

{ 
"message": "Success",
  "data": [
    {
      "StockID": 69323,
      "TradeName": "NAN OPTIPRO HA 1 GLD 800G",
      "ProductGroupName": "BABY FOODS",
      "SOH": 24,
      "MinimumSOH": 0,
      "Retail": 3199,
      "AverageRetail": 0,
      "Cost": 2848,
      "RealCost": 2791,
      "Reorder": true,
      "Message": null,
      "ListCost": null,
      "Markup": 12,
      "PLU": "476358",
      "NoDiscount": true
    },
    {
      "StockID": 18057,
      "TradeName": "NAN PRO 2 GLD 800G",
      "ProductGroupName": "BABY FOODS",
      "SOH": 19,
      "MinimumSOH": 0,
      "Retail": 2050,
      "AverageRetail": 0,
      "Cost": 2301,
      "RealCost": 1918,
      "Reorder": false,
      "Message": null,
      "ListCost": null,
      "Markup": -10,
      "PLU": "436178",
      "NoDiscount": true
    },
    {
      "StockID": 74206,
      "TradeName": "OPTIFAST VLCD SHAKE BANANA 12X53G (NEW)",
      "ProductGroupName": "WEIGHT LOSS",
      "SOH": 6,
      "MinimumSOH": 0,
      "Retail": 4799,
      "AverageRetail": 0,
      "Cost": 3937,
      "RealCost": 3086,
      "Reorder": true,
      "Message": null,
      "ListCost": null,
      "Markup": 10,
      "PLU": "294454",
      "NoDiscount": true
    }],
}

这是所有结果的标准输出，因此更改结果会使我编写REST服务的方式变得复杂。

对这些项目进行分组的最佳方法是什么？我当时正在考虑遍历它们，并且当找到一个新的“ ProductGroup”时，会创建一个新的Array并插入该项目，但这似乎并不是非常优化，我想知道是否有更好的方法来实现这一目标

Answer 1

以您在问题中描述的方式来组织请求结果的最简单方法之一是将Array.prototype.reduce应用于结果的“数据”：

result.data.reduce((acc, item) => {
  const name = item['ProductGroupName'];
  acc[name] = acc[name] || [];
  acc[name].push(item);
  return acc;
}, {});

通过这种方法，您将获得以下对象

{BABY FOODS: Array(2), WEIGHT LOSS: Array(1)}

通过在不同数组中设置的属性类型分隔项目

1 个答案: