【JavaScript】-(ハイフン)が入っているオブジェクトのプロパティを取得する

問題

以下のような-(ハイフン)が入っているオブジェクトのプロパティを取得する時に詰まったのでメモです。

const obj = {
    key: "value",
    "my-key": "my-value"
};

解決策

以下の記法(ブラケット記法)だとうまくいきます。

obj["my-key"]

過程

真っ先に思いついた以下の記法(ドット記法)だと取得することができませんでした。

obj.my-key // NG

変数名に-を使うことは基本的にNGだそうです。
同様にプロパティ名にもNGです。
文字を区切りたいときは-ではなく_を使うほうが良いみたいです。

ただし、フロントエンド開発でダミーデータが用意されていて、プロパティ名に-が入ってることもあるかもしれません。
そのような時はブラケット記法でオブジェクトにアクセスすることができます。

参考

JavaScript Primer