ホームページ >ウェブフロントエンド >jsチュートリアル >変数を使用して JavaScript オブジェクトにプロパティを動的に追加するにはどうすればよいですか?

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

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-10 18:00:30741ブラウズ

How Can I Dynamically Add Properties to JavaScript Objects Using Variables?

変数を使用してオブジェクト プロパティを動的に作成する

JavaScript でオブジェクトに新しいプロパティを追加しようとする場合、ドット表記のみに依存すると制限が生じる可能性があります。変数に格納されたプロパティ名を割り当てる必要性を考慮してください。このような状況では、答えは括弧表記を使用することにあります。

必要なプロパティ string1 が欠けている、myObj という適切な名前のオブジェクトを想像してください。ドット表記を利用して、次のことを試みることができます。

var myObj = new Object;
var a = 'string1';
var b = 'string2';
myObj.a = b;

myObj を検査すると、'string1' プロパティが依然としてとらえどころがなく、'a' に置き換えられていることがわかります。ここで括弧表記が威力を発揮します。

myObj[a] = b;

この変更により、myObj に 'string2' 値を持つ 'string1' プロパティが付与されます。この成功の鍵は、プロパティ名を括弧内の文字列として扱い、動的なプロパティの作成を可能にすることにあります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。