Angularjs Remove Objects With Empty Fields

Question

If I have within my scope something a variable like so:

$scope.myListOLD = 
      [ 
        { title: "First title", content: "First content" }, 
        { title: "Second title", content: "" },
        { title: "Third title", content: "" }, 
        { title: "Fourth title", content: "Fourth content" }  
       ];

How could I create a new scope variable that removed any empty values on a specific field? (In this case content).

$scope.myListNEW = 
      [ 
        { title: "First title", content: "First content" }, 
        { title: "Fourth title", content: "Fourth content" }  
       ];

Phil · Accepted Answer · 2016-09-13 05:00:02Z

3

Use Array.prototype.filter

function removeIfStringPropertyEmpty(arr, field) {
    return arr.filter(function(item) {
      return typeof item[field] === 'string' && item[field].length > 0;
    });
}

var $scope = {"myListOLD":[{"title":"First title","content":"First content"},{"title":"Second title","content":""},{"title":"Third title","content":""},{"title":"Fourth title","content":"Fourth content"}]};

$scope.myListNEW = removeIfStringPropertyEmpty($scope.myListOLD, 'content');

console.log($scope.myListNEW);

edited Sep 13, 2016 at 5:00

answered Sep 13, 2016 at 4:46

Phil

166k25 gold badges265 silver badges269 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Buster Over a year ago

Works beautifully! Thanks!

Hadi · Accepted Answer · 2016-09-13 05:02:41Z

var app = angular.module('app', []);

app.controller('homeCtrl', function ($scope) {
       $scope.myListOLD = 
      [ 
        { title: "First title", content: "First content" }, 
        { title: "Second title", content: "" },
        { title: "Third title", content: "" }, 
        { title: "Fourth title", content: "Fourth content" }  
       ];
  
  $scope.myListNEW = [];  
  angular.forEach($scope.myListOLD,function(value,key){
      if(value.content !== "")
        $scope.myListNEW.push(value);
    });
      console.log($scope.myListNEW);
  
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div ng-app="app" ng-controller="homeCtrl">

</div>

You can use this

 angular.forEach($scope.myListOLD,function(value,key){
    if(value.content !== "")
      $scope.myListNEW.push(value);
  });

Collectives™ on Stack Overflow

Angularjs Remove Objects With Empty Fields

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related