JavaScript オブジェクトにプロパティを動的に追加できますか?

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

この調査では、JavaScript オブジェクトの最初の開始後、特に次のような場合に、JavaScript オブジェクトにプロパティを動的に追加する可能性を検討します。プロパティ名は実行時まで不明です。

初期オブジェクト構造

次のように定義されたオブジェクトを考えます。

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

動的プロパティの追加

さらに追加できるかどうかという疑問が生じます。プロパティをこのオブジェクトに動的に追加し、実行時に決定される名前を付けます。ユーザー入力から派生したプロパティ名を格納する変数 propName があるとします。この名前の新しいプロパティをデータ オブジェクトに追加するにはどうすればよいですか?

解決策

はい、JavaScript オブジェクトにプロパティを動的に追加することは確かに可能です。これを行うには、括弧表記を使用して、名前でプロパティにアクセスします。

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

プロパティ名を角括弧で囲むことにより、プロパティに動的にアクセスして設定できます。

例

で提供されている例を考えてみましょう。 question:

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

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

この例では、データ オブジェクトに「PropertyZ」プロパティを動的に追加します。これは、ブラケットまたはドット表記を使用してアクセスできます。

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