ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクトにキーを動的に割り当てるにはどうすればよいですか?

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

Linda Hamilton
リリース: 2024-12-16 09:05:10
オリジナル
809 人が閲覧しました

How Can I Dynamically Assign Keys in JavaScript Objects?

JavaScript オブジェクトでの動的なキーの割り当て

JavaScript オブジェクトを構築する場合、静的ではなく動的にキーを割り当てると便利です。ただし、単にキー名として変数を使用すると、予期しない動作が発生し、代わりにプロパティ キーとして「key」が使用される可能性があります。

解決策 1: ブラケットを使用したオブジェクトの初期化

オブジェクト キーを動的に指定するには、まず空のオブジェクトを作成し、次に角括弧 ([]) を使用してキーと値を設定する必要があります。ペア:

var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);
ログイン後にコピー

解決策 2: 計算されたプロパティ名 (ES6)

ES6 では計算されたプロパティ名が導入され、オブジェクト リテラル表記内で動的なキー割り当てが可能になりました:

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}
ログイン後にコピー

例Fiddle:

実際的なデモについては、この改良された Fiddle を参照してください: https://jsfiddle.net/Fr6eY/4/

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

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