push() 的二维数组错误

Question

我正在尝试按groupID（不同的子数组中的不同groupID）对数据库数据进行排序，但是当我尝试将其推入数组时，我看到了这个错误

TypeError: Cannot read property 'push' of undefined
at app.js:30
at angular.min.js:136
at m.$digest (angular.min.js:147)
at m.$apply (angular.min.js:151)
at l (angular.min.js:103)
at s (angular.min.js:108)
at XMLHttpRequest.y.onload (angular.min.js:109) "Possibly unhandled rejection: {}"

这是我的代码：

$scope.tasks = [[]];
                var temp = [];
                var k = 0;
                $scope.tempTasks = response.data;
                for (var i = 0; $scope.tempTasks[i]; i++) {
                    if (k > 0) {
                        $scope.tasks.push( [] );
                    }
                    $scope.tasks[k].push($scope.tempTasks[k]);

                    for (var j = 0; j < $scope.tempTasks.length; j++){              
                        if($scope.tempTasks[i].groupID == $scope.tempTasks[j].groupID){
                            $scope.tasks[i].push($scope.tempTasks[j]);
                        } else {
                            temp[k] = j;
                            k++;
                            continue;
                        }
                    }
                }

这是response 的样子：

data: Array(7)
   0: {ID: 2, Title: "Don't do it", Description: "Just don't do it!", Date: "2018-01-10", groupID: 1}
   1: {ID: 3, Title: "Do it", Description: "Just do it", Date: "1999-12-31", groupID: 3}
   2: {ID: 4, Title: "asd", Description: "asd", Date: "2000-10-10", groupID: 2}
   3: {ID: 6, Title: "jnjkhjkkjh", Description: "jihjuiuiu", Date: "78-9809-99", groupID: 3}
   4: {ID: 7, Title: "asdasd", Description: "asdasdasd", Date: "2000-10-10", groupID: 4}
   5: {ID: 12, Title: "asd", Description: "asd", Date: "2000-10-10", groupID: 4}
   6: {ID: 13, Title: "asd", Description: "asd", Date: "2000-10-10", groupID: 2}

Answer 1

Javascript 有一个 reduce 函数。

这是您使用该功能的代码：

const data = response.data;
const groupedData = data.reduce((previous, next) => {
  if(previous[next.groupID]) { previous[next.groupID].push(next); }
  else { previous[next.groupID] = [next]; }
  return previous;
}, {});

试试看，看看效果如何！ （如果您有任何问题，请继续提问）

编辑一个工作的sn-p：

const data = [{ ID: 2, Title: "Don't do it", Description: "Just don't do it!", Date: "2018-01-10", groupID: 1 },
  { ID: 3, Title: "Do it", Description: "Just do it", Date: "1999-12-31", groupID: 3 },
  { ID: 4, Title: "asd", Description: "asd", Date: "2000-10-10", groupID: 2 },
  { ID: 6, Title: "jnjkhjkkjh", Description: "jihjuiuiu", Date: "78-9809-99", groupID: 3 },
  { ID: 7, Title: "asdasd", Description: "asdasdasd", Date: "2000-10-10", groupID: 4 },
  { ID: 12, Title: "asd", Description: "asd", Date: "2000-10-10", groupID: 4 },
  { ID: 13, Title: "asd", Description: "asd", Date: "2000-10-10", groupID: 2 }
];

const groupedData = data.reduce((previous, next) => {
  if (previous[next.groupID]) { previous[next.groupID].push(next); } 
  else { previous[next.groupID] = [next]; }
  return previous;
}, {});

console.log(groupedData);