如何过滤对象数组？

Question

我有这个数组：

$scope.damageEvants =
    [
       {"id":2, "StartDate":21/05/2012, EndDate:null},
       {"id":3, "StartDate":null, EndDate:02/09/2014},
       {"id":4, "StartDate":null, EndDate:null},
       {"id":5, "StartDate":21/05/2012, EndDate:null}
    ];

我想从属性startDate和EndDate为null的数组中过滤（删除）所有对象。

过滤后的结果：

$scope.damageEvants =
    [
       {"id":2, "StartDate":21/05/2012, EndDate:null},
       {"id":3, "StartDate":null, EndDate:02/09/2014},
       {"id":5, "StartDate":21/05/2012, EndDate:null}
    ];

我尝试了这个：

$scope.damageEvants.filter(return item.StartDate!== null && item.EndDate !== null  )

但这似乎是错误的方式。

如何使用过滤器功能过滤$scope.damageEvants ？

Answer 1

$scope.damageEvants.filter(return item.StartDate!== null && item.EndDate !== null )

应该是

$scope.damageEvants.filter(function(item) {
     return item.StartDate!== null && item.EndDate !== null;
});

filter

Answer 2

$scope.damageEvants = $scope.damageEvants.filter(function(item) {
     return item.StartDate!== null && item.EndDate !== null;
});

Answer 3

只需检查是否设置了任何日期即可。

 var array = [{ "id": 2, "StartDate": '21/05/2012', EndDate: null }, { "id": 3, "StartDate": null, EndDate: '02/09/2014' }, { "id": 4, "StartDate": null, EndDate: null }, { "id": 5, "StartDate": '21/05/2012', EndDate: null }], result = array.filter(function (a) { return a.StartDate || a.EndDate; }); document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>'); 

ES6版本

 var array = [{ "id": 2, "StartDate": '21/05/2012', EndDate: null }, { "id": 3, "StartDate": null, EndDate: '02/09/2014' }, { "id": 4, "StartDate": null, EndDate: null }, { "id": 5, "StartDate": '21/05/2012', EndDate: null }], result = array.filter(a => a.StartDate || a.EndDate); document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>'); 

Answer 4

正如Sushanth的回答所表明的那样， .filter()希望接收一个函数值，该函数返回一个布尔值，该布尔值确定当前数组成员是否将在过滤后的数组中。 您的代码正在向过滤器传递布尔值而不是函数值。

Answer 5

另一个选择是在angular.forEach循环中拼接对象。 实际上，这将从原始数组中删除该对象，而不是创建一个新数组。

示例： https ： //jsfiddle.net/gh03zur4/

控制者

        function Controller($scope) {
      $scope.damageEvants = [{
        "id": 2,
        "StartDate": 21 / 05 / 2012,
        EndDate: null
      }, {
        "id": 3,
        "StartDate": null,
        EndDate: 02 / 09 / 2014
      }, {
        "id": 4,
        "StartDate": null,
        EndDate: null
      }, {
        "id": 5,
        "StartDate": 21 / 05 / 2012,
        EndDate: null
      }];

      angular.forEach($scope.damageEvants, function(event) {
        if (!event.EndDate && !event.StartDate) {
          var idx = $scope.damageEvants.indexOf(event);
          $scope.damageEvants.splice(idx, 1);
        }
      });
    }

基于Sushanth答案的另一种选择是在ng-repeat列表中应用一个过滤器，如下所示：

https://jsfiddle.net/qj7dz2eq/

控制者

$scope.filterEvents = function(item) {
  return item.StartDate !== null || item.EndDate !== null;
}

的HTML

<ul>
    <li ng-repeat="item in damageEvants | filter:filterEvents">{{item.id}}</li>
</ul>

使用这些方法之一可以防止同一数组两次绑定到$ scope。

Answer 6

可以尝试：

$scope.damageEvants = $scope.damageEvants.filter(function(obj) {
    return !(obj.StartDate === obj.EndDate && obj.StartDate === null);
});