JavaScript でオブジェクトのプロパティに動的にアクセスするにはどうすればよいですか?

変数を使用して動的にプロパティにアクセスする

JavaScript では、プロパティ名をハードコーディングする代わりに、変数を使用してプロパティにアクセスすることが望ましいことがよくあります。 JavaScript オブジェクト リテラルでは通常、プロパティ名を文字列として定義できますが、変数をプロパティ名として直接使用することには長年の制限がありました。ただし、ES6 の導入により、この制限は解除されました。

計算プロパティ名の使用 (ES6)

ES6 では、計算プロパティ名の概念が導入されました。式を使用したプロパティ名の動的設定。この機能を使用するには、オブジェクト リテラルのプロパティ名として変数を角括弧で囲むだけです:

<code class="javascript">var myVar = "name";
var myObject = {
    [myVar]: "value"
};</code>

動的プロパティ アクセスの使用 (ES6 より前)

ES6 より前では、オブジェクト リテラルで変数を直接使用してプロパティ名を設定することはできませんでした。ただし、最初にオブジェクトを作成してからプロパティを動的に割り当てるという回避策がありました。

<code class="javascript">var myObject = {};
var myVar = "name";
myObject[myVar] = "value";</code>

このアプローチでは、計算されたプロパティ名と同じ機能が可能ですが、事前にオブジェクトを作成する追加の手順が必要でした。

結論

変数を使用してプロパティ名を設定できる機能により、JavaScript オブジェクトの柔軟性と動的な性質が大幅に強化されます。 ES6 で計算されたプロパティ名、または ES6 より前の動的プロパティ アクセスを利用することで、開発者はランタイム値に基づいてオブジェクトを簡単に作成および変更できます。

以上がJavaScript でオブジェクトのプロパティに動的にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。