読者です 読者をやめる 読者になる 読者になる

ITの隊長のブログ

ITの隊長のブログです。いや、まだ隊長と呼べるほどには至っていないけど、日々がんばります。CakePHPとPlayFrameworkを使って仕事しています。最近はAngular2をさわりはじめたお(^ω^ = ^ω^)

【JavaScript】javascriptでのデータオブジェクトのkeyに「:(コロン)」があるときのアクセス

JavaScript

スポンサードリンク

初歩的なことですが、メモ。

こんな感じのデータオブジェクトがあったとする。

var data = {
  'title': 'test',
  'wp:test-data': [{
    'link': 'http://www.yahoo.co.jp'
  }]
};

普通にアクセスする。

> data.title
"test"

まぁこれは普通。

次にコロンのやつにアクセスしてみる。

> data.wp:test-data
Uncaught SyntaxError: Unexpected token :

「んだよ。":"←わかんねぇもんなげんじゃねーよ」って怒られます。

はて?どうすればいいの。

javascriptは変数にコロンとかハイフンは使えないので、この場合は配列を取得するようにアクセスする。

> data['wp:test-data']
[Object]

これでおk。

その下の階層からは普通にアクセスすれば良い。

> data['wp:test-data'][0].link
"http://www.yahoo.co.jp"