如何使用角度/离子对 json 数据进行分组和求和？

Question

我有一个如下所示的 JSON 对象：

  "Classes": [
    {
      "ID": "MATH101",
      "Class": "Math",
      "StudentCount": "2"
    },
    {
      "ID": "MATH101",
      "Class": "Math",
      "StudentCount": "8"
    },
    {
      "ID": "ENGLISH101",
      "Class": "English",
      "StudentCount": "13"
    }]

此 JSON 对象存储在 $scope 中。 如何先按 Class 对数据进行分组，然后对 StudentCount 求和？

所以生成的 JSON 对象看起来像这样 - 理想情况下存储为新的范围变量：

  "Classes": [
    {
      "ID": "MATH101",
      "Class": "Math",
      "StudentCount": "10"
    },
    {
      "ID": "ENGLISH101",
      "Class": "English",
      "StudentCount": "13"
    }]

我到处搜索，唯一能找到的是与ng-repeat 结合使用的示例，但我在这里没有使用它。我只需要按摩这些数据以在 angular-chartjs 中使用。

非常感谢您花时间看我的问题。

Answer 1

转换只是一个逻辑部分，您的ng-repeat 以及您可以使用的所有内容在 UI 中呈现您想要的样子。

在这里我正在编写一个可以为你完成这项工作的函数

function populateSumArray(inputClasses) {
    opClasses = [];
    inputClasses.forEach(function(item) {
        var existing = opClasses.find(function(each) {
            return each.Class === item.Class;
        });
        if (existing) {
            existing.StudentCount = parseInt(existing.StudentCount) + parseInt(item.StudentCount);
        } else {
            opClasses.push(item);
        }
    });
    return opClasses;
}

您可以调用它来将其转换为一个新数组（计算）并将其存储在您需要的任何位置。如果您想更新相同的范围变量，那么这里是一个示例

$scope.Classes = populateSumArray($scope.Classes)

希望，它会有所帮助:)