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

JavaScript オブジェクトでの動的キーの作成

JavaScript オブジェクトの動的キーを作成しようとすると、ドット表記を使用すると問題が発生する可能性があります。この記事では、この課題に対処し、角括弧を使用する代替方法を検討します。

角括弧によるアプローチ

角括弧を使用して動的キーを作成するには、次の構文に従います。

jsObj['key' + i] = 'example' + 1;

このメソッドは、プロパティ名を計算された文字列として扱うことによって動作し、動的キーの割り当てを可能にします。

配列およびオブジェクトのプロパティについて

JavaScript の配列は、数値プロパティ名に関して特別な動作を示します。配列の長さプロパティは、最大の数値プロパティ値を反映します。配列に数値プロパティを設定すると、それに応じて長さプロパティが更新されます。

対照的に、プレーン オブジェクトはこの動作を示しません。オブジェクトに数値プロパティを設定しても、その長さプロパティには影響しません。

利点と考慮事項

角括弧を使用すると、次の利点があります:

• オブジェクト内の動的キーの作成を有効にします。
• 配列内の長さプロパティの整合性を維持します。

ただし、配列のシリアル化の潜在的な影響を考慮してください。 JSON にシリアル化された配列インスタンスには、数値で名前が付けられたプロパティのみが含まれます。追加のプロパティが追加された場合、それらはシリアル化時に失われる可能性があります。

ES2015 計算プロパティ名

ES2015 では計算プロパティ名が導入され、動的キーを作成するための洗練されたソリューションが提供されます。

var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };

このアプローチにより、文字列連結を明示的に構築せずに動的キーを割り当てることができます。

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