JavaScript オブジェクトにプロパティを動的に追加するにはどうすればよいですか?

JavaScript でのオブジェクト プロパティの動的操作

JavaScript では、既存のオブジェクトのプロパティを追加または変更できる機能は、柔軟でリアクティブなアプリケーションを構築するために重要です。多くの場合、実行時にプロパティ名が動的に決定されるシナリオに遭遇することがあります。その場合、次のような疑問が生じます: そのような変数名を持つプロパティをオブジェクトに追加することは可能ですか?

この課題に対処するために、特定の事前定義されたプロパティを持つオブジェクトの例:

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};

値が propName という名前の変数を生成するユーザー入力があるとします。 「プロパティZ」。新しいプロパティ PropertyZ をデータ オブジェクトに動的に組み込むことを目指しています。

答えは、完全にイエスです。 JavaScript では、角括弧表記またはドット表記を使用してオブジェクトにプロパティを追加できます。この場合、角括弧表記を利用してプロパティを動的に設定できます。

var propName = 'Property' + someUserInput;
data[propName] = 4;

このアプローチでは、指定された値が動的に生成された名前を持つ新しいプロパティに割り当てられ、値 4 の PropertyZ が正常に追加されます。データ オブジェクト。

機能をデモンストレーションするために、ドット表記または角括弧を使用して新しく追加されたプロパティを取得できます。 notation:

alert(data.PropertyD); // dialog box with 4 in it
alert(data["PropertyD"]); // dialog box with 4 in it

この強力な手法により、JavaScript でオブジェクトのプロパティを動的に操作できるようになり、柔軟でデータ駆動型のオブジェクト操作が可能になります。

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