1. ホーム
  2. javascript

無効な変数名をキーに持つオブジェクトプロパティを再構築する方法は?

2023-07-29 14:10:47

質問

オブジェクトのキーは文字列であるため、あらゆる種類の文字や特殊文字を含むことができます。最近、APIコールから受け取ったオブジェクトに遭遇しました。このオブジェクトは、そのキー名に '-' を持っています。

const object = {
   "key-with-dash": []
}

この場合、デストラクチャリングは機能しません。 key-with-dash は有効な変数名ではないからです。

const { key-with-dash } = object;

そこで、一つの疑問が浮かびました。このような場合、どのようにオブジェクトを再構築すればいいのでしょうか?それはまったく可能なことなのでしょうか?

どのように解決するのでしょうか。

const data = {
   "key-with-dash": ["BAZ"]
}

const {"key-with-dash": foo} = data;

console.log("foo", foo);