Angular 8中的多维对象数组

Question

我想向 *ngFor 发送数据。我从 LocalStorage 获取数据作为 JSON 对象。解析对象后，我不明白如何将完整的对象制作成数组？这是对象：

{
  "Monti": {
    "name": "Visa & MasterCard",
    "code": "monti",
    "deposit": "Free",
    "depositProcessing": "Instant",
    "icon": "<img src=\"//cdn.example.com/_payicons/monti.png\"/>",
    "supportWithdrawal": true,
    "withdrawAllowedWithoutDeposit": false,
    "depositLimits": {
      "currency": "EUR",
      "min": 10,
      "max": 5000
    }
  },
  "Montii": {
    "name": "Visa & MasterCard",
    "code": "monti",
    "deposit": "Free",
    "depositProcessing": "Instant",
    "icon": "<img src=\"//cdn.example.com/_payicons/monti.png\"/>",
    "supportWithdrawal": true,
    "withdrawAllowedWithoutDeposit": false,
    "depositLimits": {
      "currency": "EUR",
      "min": 10,
      "max": 5000
    }
  }
}

Answer 1

您有一个包含两个其他对象的对象。我认为你想要的是一个对象数组，它们会像这样：

[
    {
        "name": "Visa & MasterCard",
        "code": "monti",
        "deposit": "Free",
        "depositProcessing": "Instant",
        "icon": "",
        "supportWithdrawal": true,
        "withdrawAllowedWithoutDeposit": false,
        "depositLimits": {
            "currency": "EUR",
            "min": 10,
            "max": 5000
        }
    },
    {
        "name": "Visa & MasterCard",
        "code": "monti",
        "deposit": "Free",
        "depositProcessing": "Instant",
        "icon": "",
        "supportWithdrawal": true,
        "withdrawAllowedWithoutDeposit": false,
        "depositLimits": {
            "currency": "EUR",
            "min": 10,
            "max": 5000
        }
    }
]

您只需要在将其保存到localStorage 时对其进行修复。如果不可能，您可以在该对象上运行“for in”循环以从中创建一个数组。

let arr = [];
for(let key in obj) {
  arr.push(obj[key]);
}