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

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

Patricia Arquette
リリース: 2024-12-10 18:00:30
オリジナル
771 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート