Accessing JSON with integers as keys

Question

The JSON looks like this:

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

so I'd assume I should just use the bracket syntax:

...awards.awardsAtLevel["1"]

But this doesn't get the data.

My full array looks like so:

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

I've tried:

...awardsAtLevel["1"].text

as well, but this doesn't work either.

awards.awardsAtLevel

does print the entire array.

The context is I'm getting data to make a b-table in bootstrap vue:

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

Also, sorry if this is a common question. I couldn't find other questions where the bracket notation didn't work.

I assume, you are working with javascript. In that case, how can you have a json object inside square brackets? — Deepak Terse, May 16 '20 at 12:06
I'm working in Vue.js - but javascript is the language for handling non-html markup. — Nivyan, May 16 '20 at 12:18
Your JSON is invalid, as @DeepakTerse said, you can't have object key inside square brackets (array) — Owl, May 16 '20 at 13:20

score 0 · Accepted Answer · answered May 16 '20 at 13:28

Your JSON structure is invalid, it supposed to be

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

(using curly bracket, not squared)

And to show the data, you can do:

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

Demo here

Accessing JSON with integers as keys

1 Answers1