时间戳

首页 > 解决方案 > 按不同数组中设置的属性类型分隔项目

javascript - 按不同数组中设置的属性类型分隔项目

问题描述

我正在尝试通过在 restful 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”时，会创建一个新的数组并插入该项目，但这似乎不是很优化，我想知道是否有更好的方法来实现这一点.

标签： javascriptsqlarraysrest

解决方案

以您在问题中描述的方式组织请求结果的最简单方法之一是将 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)}

推荐阅读