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

JavaScript オブジェクトへの動的プロパティの追加

JavaScript では、オブジェクトを操作するときに、次のような名前のプロパティを追加する必要がある場合があります。実行時まではわかりません。オブジェクトのプロパティは伝統的に静的な名前で宣言されているため、これは課題となる可能性があります。

解決策: 動的なプロパティの名前付け

このハードルを克服するために、JavaScript は次のメソッドを追加する方法を提供します。プロパティ アクセサー構文を使用した動的な名前を持つプロパティ。次のコードを考えてみましょう。

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

var propName = 'Property' + someUserInput; // e.g., 'PropertyZ'
data[propName] = 4;

プロパティ名を含む変数で [] 構文を使用すると、オブジェクトにプロパティを動的に追加できます。これは、実行時にプロパティ名を決定するユーザー入力またはサーバーからのデータを処理する場合に特に便利です。

動的に追加されたプロパティにアクセスするには、.または [] 構文:

alert(data.PropertyD); // 4
alert(data["PropertyD"]); // 4

このアプローチにより、オブジェクトを最初に作成した後でも新しいプロパティを使用してオブジェクトを拡張できるため、JavaScript アプリケーションでのデータ管理に柔軟性と適応性が提供されます。

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