【Vue.js】数字から始まる名前のJSONの値を取得する方法

数字から始まる名前のJSON(オブジェクト)の変数を取得する方法をメモしておきます。

どういうことかというと、たとえば

{
    "hoge": {
    "1a": "a",
    "2a": "b",
    "3a": "c",
    "4a": "d",
    "5a": "e"
  }
}

というjsonをaxiosで取得し、dataaに格納したとします。

hogeの1aの値を取得したいとき、ふつうに

this.dataa.hoge.1a

としてしまうと、エラーが発生してしまい、うまくいかないのです。

解決法

こういうときは配列の記法を使います。

this.dataa.hoge["1a"]

Objectは配列のようにキーで取得することができます。

この方法なら先頭に数字がついていても、変数を取得できます。