javascript - AngularJS forEach 和 splice

Question

我有一个像这样的数组:

$scope.emails = [
  {"key":"Work","value":"user@domine.com"},
  {"key":"","value":""},
   {"key":"Work","value":"user2@domine.com"}
  {"key":"","value":""}];

所以，我想删除空电子邮件，但 Angular forEach 方法只删除一个对象，即最后一个对象，为什么？？？。

js代码

angular.forEach($scope.emails, function(email, index){
     if(email.value ===""){
       $scope.emails.splice(index, 1);

     } 

    });

我哪里做错了

JS Bin

Answer 1

问题是您在循环期间从数组中删除了元素，因此后面的项目位于不同的索引处。您需要向后循环:

for (var i = $scope.emails.length - 1; i >= 0; i--) {
    if (!$scope.emails[i].value) {
        $scope.emails.splice(i, 1);
    }
}

这是一个updated example .