JavaScript - 動的なキーを使用してオブジェクトにアクセスする方法


  1. ドット記法: オブジェクトのプロパティには、ドット記法を使用してアクセスすることができます。ただし、キーが静的である必要があります。

    const obj = { key: 'value' };
    const dynamicKey = 'key';
    console.log(obj.dynamicKey); // undefined
    console.log(obj[dynamicKey]); // 'value'
  2. ブラケット記法: ブラケット記法を使用すると、変数や式を含む動的なキーを使用してオブジェクトにアクセスできます。

    const obj = { key: 'value' };
    const dynamicKey = 'key';
    console.log(obj[dynamicKey]); // 'value'
  3. Object.keysとObject.values: Object.keysとObject.valuesを使用すると、オブジェクトのキーと値を取得できます。これにより、動的なキーに基づいてオブジェクトにアクセスできます。

    const obj = { key: 'value' };
    const dynamicKey = 'key';
    const keys = Object.keys(obj);
    const values = Object.values(obj);
    console.log(keys);   // ['key']
    console.log(values); // ['value']
    if (keys.includes(dynamicKey)) {
    const index = keys.indexOf(dynamicKey);
    console.log(values[index]); // 'value'
    }

これらはいくつかの一般的な方法ですが、JavaScriptではさまざまな方法でオブジェクトに動的にアクセスすることができます。使用する方法は、特定の状況や要件に応じて異なる場合があります。