从从 http 调用接收到的数据中删除数组 - angularJS

Question

我正在执行 http 调用以从数据库中获取数据。有 6 种类型需要单独调用。

        $scope.getAll = function() {
        var url = 'http://someurl/';
        varl allObjects = [];
        $scope.types.forEach(element => {
            http({
                method: 'GET',
                url: url + element.name
            }).then(function successCallback(response) {
                allObjects.push(response.data);
            }, function errorCallback(response) {
               // this doesn't apply to my issue
            });
            $scope.allObjects = allObjects;
            }

返回类似于以下 JSON 对象：

[{},

[{ "label":"myLabel",
        "types": {
           "source":{"url":"some url, "storage":"some storage"}}},
     { "label":"myLabel",
        "types": {
           "source":{"url":"some url, "storage":"some storage"}}}],[{ more objects}],[{ more objects}],],

所有对象都返回具有嵌套数组的相同结构。我需要帮助解决的问题是每次它通过类型的迭代时，它都会将其添加为对象数组。我需要将其添加为新对象，而不是对象数组。即：

我得到了什么：

[{}, [{first iteration}], [{second iteration}], [{etc}]]

我需要什么：

[{first iteration}, {second iteration}, {etc}]

Answer 1

您可以使用Array.prototype.flat() 函数来实现此目的，该函数将数组数组压缩到某个深度级别。您的情况的深度将是1，它已被设置为默认值

var arr = [
   {}, 
   [
     { 
        test: 1 
     }
   ], 
   [ 
     { 
        second: 2 
     }
   ], 
   [
     {
        etc: 3
     }
   ]
];
console.log(arr.flat());

该函数实质上将数组中的数组展平，仅深度为 1，如果您想要展平的数组中有数组，您可以将深度更改为 2。

但是，空对象仍然存在。您可以在展平后进行检查以摆脱这些。