JavaScript で動的オブジェクト キーをどのように操作しますか?

JavaScript を使用した動的オブジェクト キーへのアクセスと変更

JavaScript オブジェクトでの動的キーの作成は、データを動的に操作するために重要です。この概念を理解すると、コードの柔軟性がさらに高まります。

角括弧の使用

動的キーを使用してプロパティにアクセスまたは変更するには、角括弧 ([]) を使用します。

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

この構文では、i の値に基づいてキーを動的に構築できます。

配列の役割を理解する

配列は JavaScript の Object プロトタイプから継承しますが、すべてのオブジェクトが配列であるわけではありません。配列は長さプロパティを維持し、数値プロパティ名に基づいて動的に調整します。ただし、この動作は角括弧演算子の操作とは無関係です。

プロパティ値の設定

配列内の数値キーを使用してプロパティの値を設定する場合、長さプロパティそれに応じて更新されます。ただし、これはプレーン オブジェクトには適用されません。数値キーを使用してプロパティを設定しても長さプロパティには影響しません。

配列インスタンスと JSON シリアル化の制限

JSON にシリアル化された配列インスタンスには、数値名のプロパティのみが含まれることに注意してください。数値以外のキーを使用して追加されたプロパティは、シリアル化中に失われます。

ES2015 計算プロパティ名

ES6 では、計算プロパティ名が動的キーを作成するための代替手段を提供します。

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

これにより、変数または式を使用してプロパティ キーをより簡単かつ簡潔に定義できるようになります。

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