Nested JSON, remove object based on a condition in Jquery using angularjs

Question

I have a JSON object in this variable $scope.bbTreeData. I am trying to remove the object where flag is false. I am able to traverse through the nested JSON object but I am not sure how to remove the object ? any suggestion ?

[{
  "market": "Atl",
  "subItem": [{
    "comment_id": "1",
    "user_id": "32509",
    "flag": true
  }, {
    "comment_id": "2",
    "user_id": "32510",
    "flag": false

  }]
}, {
  "market": "Chicago",
  "subItem": [{
    "comment_id": "3",
    "user_id": "32501",
    "flag": true
  }, {
    "comment_id": "4",
    "user_id": "32502",
    "flag": false

  }]
}]

$scope.bbTreeInactiveData = angular.copy($scope.bbTreeData);
angular.forEach($scope.bbTreeInactiveData, function(item) {
  angular.forEach(item.subItem, function(record, index) {
    if (record.flag == false) {
      console.log(item.subItem, index);
      /* code to remove the object*/
    }
  });
});

Use Array.filter instead of Array.forEach. Or alternatively, splice the record out of the array manually with Array.splice — Shilly
– Shilly, Commented Aug 24, 2016 at 15:26

Raman Sahasi · Accepted Answer · 2016-08-24 15:43:05Z

2

You can use _without() function of _underscorejs

see the documentation

without
_.without(array, values)

Returns a copy of the array with all instances of the values removed.

_.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
=> [2, 3, 4]

Input

[
    {
        "market": "Atl",
        "subItem": [
            {
                "comment_id": "1",
                "user_id": "32509",
                "flag": true
            },
            {
                "comment_id": "2",
                "user_id": "32510",
                "flag": false
            }
        ]
    },
    {
        "market": "Chicago",
        "subItem": [
            {
                "comment_id": "3",
                "user_id": "32501",
                "flag": true
            },
            {
                "comment_id": "4",
                "user_id": "32502",
                "flag": false
            }
        ]
    }
]

Output

[
    {
        "market": "Atl",
        "subItem": [
            {
                "comment_id": "1",
                "user_id": "32509",
                "flag": true
            }
        ]
    },
    {
        "market": "Chicago",
        "subItem": [
            {
                "comment_id": "3",
                "user_id": "32501",
                "flag": true
            }
        ]
    }
]

Code Snippet

var json = JSON.parse('[{"market":"Atl","subItem":[{"comment_id":"1","user_id":"32509","flag":true},{"comment_id":"2","user_id":"32510","flag":false}]},{"market":"Chicago","subItem":[{"comment_id":"3","user_id":"32501","flag":true},{"comment_id":"4","user_id":"32502","flag":false}]}]');

for(var i=0; i<json.length; i++) {
    json[i].subItem = _.without(json[i].subItem, _.findWhere(json[i].subItem, {flag: false}));
};

console.log(JSON.stringify(json, 0, 8));

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

edited Aug 24, 2016 at 15:43

answered Aug 24, 2016 at 15:37

Raman Sahasi

32k9 gold badges63 silver badges74 bronze badges

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

4 Comments

user1005310 Over a year ago

var json = JSON.parse('[{"market":"Atl","subItem":[{"comment_id":"1","user_id":"32509","flag":false},{"comment_id":"2","user_id":"32510","flag":false}]},{"market":"Chicago","subItem":[{"comment_id":"3","user_id":"32501","flag":true},{"comment_id":"4","user_id":"32502","flag":false}]}]');

user1005310 Over a year ago

If I change the JSON, I am not getting the desired result. I changed all the subitem , flag to false

Raman Sahasi Over a year ago

@user1005310 this line is just to include test data. You can omit this line and continue with your Object as it is

Raman Sahasi Over a year ago

@user1005310 just use 3 lines of for loop and replace json with your object. Don't forget to include underscore-min.js in <head> tags.

Mohan Dere · Accepted Answer · 2016-08-24 15:46:06Z

1

Try this:

$scope.bbTreeInactiveData = angular.copy($scope.bbTreeData);

var results = $scope.bbTreeInactiveData.map(function(row) {
  return row.subItem.filter(function(cell) {
    return cell.flag == true
  });
});

Use map() and filter() function.

edited Aug 24, 2016 at 15:46

answered Aug 24, 2016 at 15:40

Mohan Dere

4,6171 gold badge28 silver badges22 bronze badges

1 Comment

Mohan Dere Over a year ago

If you need original data for further processing, it will be safe to make a copy.

Community · Accepted Answer · 2017-05-23 12:24:35Z

0

You can use the delete keyword in plain JavaScript:

delete item.subItem[index]

Which I believe there is already an answer for: How do I remove a property from a JavaScript object?

If you want to delete the root, add an index parameter to your first forEach, then delete the root with array splice function:

$scope.bbTreeInactiveData.splice(indexRoot,1);

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Aug 24, 2016 at 15:27

Pop-A-Stash

6,6975 gold badges30 silver badges54 bronze badges

3 Comments

user1005310 Over a year ago

This removes the subitem but for scenario where all the subitems are removed the root element still remains . How do I remove the root level element ? for example remove market Atl where all the subitems flag is set as false

Pop-A-Stash Over a year ago

Just as easy: delete item[indexRoot]. You'll need to add the index for your first forEach. You'll want to name it differently, too

Pop-A-Stash Over a year ago

Actually, since the root element is an array, my second answer would give you and array with undefined for each deleted element, instead of what you are looking for

Collectives™ on Stack Overflow

Nested JSON, remove object based on a condition in Jquery using angularjs

3 Answers 3

4 Comments

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related