ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript オブジェクトにキーを動的に設定するにはどうすればよいですか?

JavaScript オブジェクトにキーを動的に設定するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-05 08:10:02776ブラウズ

How to Dynamically Set Keys in JavaScript Objects?

JavaScript オブジェクト変数の動的キーを作成する方法

JavaScript オブジェクトの動的キーを作成しようとする場合、この構文

jsObj{ 'key' i} = 'example' 1;
機能しません。正しいアプローチでは角かっこを使用します。

<code class="js">jsObj['key' + i] = 'example' + 1;</code>

JavaScript では、配列は特殊なタイプのオブジェクトであり、数値プロパティ (インデックス) の数に 1 を加えたものを反映する長さプロパティを維持するという違いがあります。この特別な動作は標準オブジェクトでは模倣されませんが、角括弧演算子はどちらの型でも同様に機能します。

配列インスタンスに数値キーを使用してプロパティを設定する場合、長さプロパティは自動的に更新され、長さのプロパティが反映されます。最大の数字キー。ただし、プレーン オブジェクトの場合、そのような更新は行われません。

配列インスタンスを JSON にシリアル化すると、数値で名前が付けられたプロパティのみが含まれ、他のプロパティは含まれないことに注意することが重要です。

ES6 では、より簡潔な構文として計算プロパティ名を使用できます:

<code class="js">var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };</code>

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

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