APIスキーマのフィールドIDをケバブケース(ハイフンつなぎ)にした際の取得方法は?

JavaScriptにおいて、APIスキーマのフィールドIDを 「some-field」 のようなケバブケースの形式で指定した場合、ドット記法「.」ではアクセスできません。

例えば、microCMS内の個別のデータから以下のようなレスポンスを取得したとします。また、この値は変数「data」に格納したと仮定します。

{
"id": "someid",
"createdAt": "2022-05-27T05:04:26.815Z",
"updatedAt": "2022-05-27T05:04:57.663Z",
"publishedAt": "2022-05-27T05:04:26.815Z",
"revisedAt": "2022-05-27T05:04:57.663Z",
"some-field": "some-value",
}

この場合、"some-field" プロパティの値は、以下のようにブラケット記法で値を取得することができます。

// OK(ブラケット記法)
const someFieldValue = data['some-field']

// NG(ドット記法)
const someFieldValue = data.some-field

スネークケース「some_field」およびキャメルケース「someField」で指定されている場合は、ドット記法で取得可能です。