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

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

Susan Sarandon
リリース: 2024-12-18 08:20:11
オリジナル
938 人が閲覧しました

How Can I Create Dynamic Object Properties in JavaScript Using Variable Names?

JavaScript で変数値を使用した動的オブジェクト プロパティを作成する

名前は似ていますが、次を使用してオブジェクトにプロパティを直接割り当てるのは異なります。変数値の名前を変数の値に割り当てることと比較します。この場合、string1 は myObj のプロパティではないため、myObj.string1 にアクセスすると「未定義」が返されます。

望ましい動作を実現するために、JavaScript には 2 つのオプションがあります:

ドット表記:

myObj.a = b;
ログイン後にコピー

ドット表記を使用すると、直接代入できます。変数名をプロパティ キーとして使用してプロパティ値を取得します。ただし、このアプローチは、動的に作成されたプロパティ名には適していない可能性があります。

括弧表記:

myObj[a] = b;
ログイン後にコピー

括弧表記の方が柔軟性が高くなります。ここで、変数 a はプロパティ名を保持し、値 b がプロパティに割り当てられます。この方法は、プロパティ名を動的に作成する場合、またはプロパティ名に特殊文字が含まれる場合に推奨されます。

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

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