Question

在AngularJS中，我试图从categories数组中删除每个计数为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;

另外，作为FYI，迭代器函数有第二个参数作为索引，因此如果您需要它，您不需要在i之外声明forEach。你可以这样做：

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

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

2 个答案: