从数组中删除元素无效迭代器

Question

在AngularJS中，我试图从类别数组中删除计数为0的每个类别。

// remove all categories that have a count of 0 
i = 0; 
angular.forEach($scope.categories, function(category) 
{   
    if(category.count == 0) 
    { 
     $scope.categories.splice(i, 1); 
    } 
    i++; 
}); 

此代码从数组中删除第一个具有0计数的类别，但不是下一个类别。我想，splice使迭代器无效？我该如何解决这个问题？

Answer 1

你可以在JavaScript 1.6或更高版本的Array对象上使用过滤方法。

function countFilter(category, index, array) { 
    return (category.count != 0); 
} 
$scope.categories = $scope.categories.filter(countFilter); 

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/filter

如果您需要支持旧版本的JavaScript结账上面链接的兼容性部分的。

Answer 2

我只是创建一个具有非零计数的新数组。事情是这样的：

// remove all categories that have a count of 0 
var nonZeroCategories = []; 
angular.forEach($scope.categories, function(category) 
{   
    if(category.count > 0) 
    { 
     nonZeroCategories.push(category) 
    } 
}); 
$scope.categories = nonZeroCategories; 

此外，作为一个供参考，迭代函数有一个第二个参数是索引，所以如果你需要它，你并不需要声明一个i的forEach之外。你可以这样做：

angular.forEach($scope.categories, function(category, i) { 
    .....