javascript - 通过 AngularJS 删除嵌套 json 对象中的空字符串

Question

我有一个嵌套的 json 对象，我需要在其中删除空值并创建应仅包含数据对象的新 json。 json 文件:

myData = [{
    "id": 1,
    "values": [{
        "value": ""
    }]
}, {
    "id": 2,
    "values": [{
        "value": 213
    }]

}, {
    "id": 3,
    "values": [{
        "value": ""
    }, {
        "value": ""
    }, {
        "value": "abc"
    }]

},{
    "id": 4,
    "values": [{
        "value": ""
    }]
},{
    "id": 33,
    "values": [{
        "value": "d"
    }]
}];

输出应该是:

myNewData = [{
    "id": 2,
    "values": [{
        "value": 213
    }]

}, {
    "id": 3,
    "values": [{
        "value": "abc"
    }]

},{
    "id": 33,
    "values": [{
        "value": "d"
    }]
}];

到目前为止我已经创建了这个:

    angular.module('myapp',[])
    .controller('test',function($scope){
    $scope.myData = [{
        "id": 1,
        "values": [{
            "value": ""
        }]
    }, {
        "id": 2,
        "values": [{
            "value": 213
        }]

    }, {
        "id": 3,
        "values": [{
            "value": ""
        }, {
            "value": ""
        }, {
            "value": "abc"
        }]

    },{
        "id": 4,
        "values": [{
            "value": ""
        }]
    },{
        "id": 33,
        "values": [{
            "value": "d"
        }]
    }];

})
.filter('filterData',function(){
    return function(data) {
        var dataToBePushed = [];
        data.forEach(function(resultData){
            if(resultData.values && resultData.values != "")
                dataToBePushed.push(resultData);
        });
        return dataToBePushed;
    }
});

HTML:

<div ng-app="myapp">
    <div ng-controller="test">
        <div ng-repeat="data in myData | filterData">
            Id:{{ data.id }}
            </br>
            Values: {{ data.values }}
        </div>
    </div>
</div>

我无法访问和删除值对象内的值。现在我只是使用 ng-repeat 显示数据，但我需要为此创建一个新的 json 文件。

Answer 1

您在 AngularJS Controller 中使用数组执行 Array.prototype.map()和 Array.prototype.filter() 。映射所有对象，执行过滤器以排除具有空值 item.values.value 的项目，然后使用过滤器获取具有以下值的数组元素:

var myData = [{"id": 1,"values": [{	"value": ""}]}, {"id": 2,"values": [{"value": 213}]}, {"id": 3,"values": [{"value": ""}, {"value": ""}, {"value": "abc"}]}, {"id": 4,"values": [{"value": ""}]}, {"id": 33,"values": [{"value": "d"}]}],
    myDataFiltered = myData
      .map(function (item) {
        item.values = item.values.filter(function (itemValue) {
          return itemValue.value;
        });
        return item;
      })
      .filter(function (item) {
        return item.values.length;
      });

console.log(myDataFiltered);

.as-console-wrapper { max-height: 100% !important; top: 0; }

ES6:

myDataFiltered = myData
    .map(item => {
        item.values = item.values.filter(itemValue => itemValue.value);
        return item;
    })
    .filter(item => item.values.length);