以整数作为键访问JSON

Question

JSON看起来像这样：

"awards": [
   "awardsAtLevel": {
       "1": "Gold",
       "3": "Gold",
       "5": "Gold",
       "7": "Gold"
   }
]

所以我假设我应该只使用方括号语法：

...awards.awardsAtLevel["1"]

但是这没有得到数据。

我的完整数组看起来像这样：

{
   "data": [
      {
      "awards": [
            "awardsAtLevel": {
               "1": "Gold",
               ...
            }
         ]
      }
   ]
}

我尝试过：

...awardsAtLevel["1"].text

同样，但这也不起作用。

awards.awardsAtLevel 

does打印整个数组。

上下文是我正在获取数据以在bootstrap vue中创建b表：

<template v-slot:cell(dmg)="rewards">
        {{rewards.item.awards.awardsAtLevel["1"] && rewards.item.awards.awardsAtLevel["1"] ? rewards.item.awards.awardsAtLevel["1"]: ""}}
</template>

[此外，如果这是一个常见问题，对不起。在括号表示法不起作用的地方，我找不到其他问题。

Answer 1

您的JSON结构无效，应该是

"awards": {
   "awardsAtLevel": {
       "1": "Gold",
       "3": "Gold",
       "5": "Gold",
       "7": "Gold"
   }
}

（（使用大括号，不平方）

并且要显示数据，您可以执行：

{{ awards.awardsAtLevel["1"] }}

Demo here