How to remove empty key from object in angularjs?

Question

I have an JSONarray which looks like this,

        {
        "TotalMemory": [{
            "key": "TotalMemory",
            "values": [
                [118, 10]
            ]
        }],
        "Freememory": [{
            "key": "Freememory",
            "values": [
                [121, 10]
            ]
        }],
        "BufferSize": [{
            "key": "BufferSize",
            "values": [
                [123, 10]
            ]
        }],
        "TotalSwapMemory": [{
            "key": "TotalSwapMemory",
            "values": [
                [125, 10]
            ]
        }],
        "UsedSwapMemory": [{
            "key": "UsedSwapMemory",
            "values": [
                [127, 10]
            ]
        }],
        "FeeSwapMemory": [{
            "key": "FeeSwapMemory",
            "values": [
                [129, 10]
            ]
        }],
        "": [{
            "key": "",
            "values": []
        }]
    }

i need to remove the last item which is empty there. I have followed Remove empty , but this does not work.

$scope.displayData  = $scope.displayData.filter(function() { return true; });
console.log(angular.toJson($scope.displayData));

why not use lodash or underscore, `_.reject` function – harishr May 04 '15 at 09:02 — harishr, May 04 '15 at 09:02
cant we directly remove using javascript? – Sajeetharan May 04 '15 at 09:04 — Sajeetharan, May 04 '15 at 09:04
is it a JSONArray or JSONObject ?? – Manish Kr. Shukla May 04 '15 at 09:05 — Manish Kr. Shukla, May 04 '15 at 09:05

score 8 · Accepted Answer · answered May 04 '15 at 09:05

You can use Object.keys and delete, like so

Object.keys($scope.displayData).forEach(function(key) {
    if (!key) {
        delete $scope.displayData[key];
    }
});

$scope.displayData is Object, .filter is Array method, in Object there is no .filter method

score 2 · Answer 2 · answered May 04 '15 at 09:08

2

Your structure is not an Array, it is an Object with keys (properties) and values.

To remove the empty item, you can simply use delete:

delete $scope.displayData[""];

This will not error if $scope.displayData[""] does not exist.

answered May 04 '15 at 09:08

Rhumborl

16,349
4
39
45

How to remove empty key from object in angularjs?

2 Answers2