[解決済み】JavaScript 変数でオブジェクトのキーを設定する【重複】。
2022-03-23 04:55:24
質問
私はJavaScriptでいくつかのオブジェクトを構築し、それらのオブジェクトを配列にプッシュしています。私は使用したいキーを変数に格納し、このようにオブジェクトを作成します。
var key = "happyCount";
myArray.push( { key : someValueArray } );
しかし、オブジェクトの配列を調べようとすると、すべてのオブジェクトのキーが
"key"
変数keyの値ではなく 変数からkeyの値を設定する方法はないのでしょうか?
Fiddleで説明するとわかりやすい。 http://jsfiddle.net/Fr6eY/3/
解決方法は?
まずオブジェクトを作成し、次に
[]
で設定します。
var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);
2021年にUPDATE。
計算されたプロパティ名 という機能がECMAScript 2015(ES6)で導入され、JavaScriptのオブジェクトリテラル記法でオブジェクトのプロパティ名を動的に計算できるようになりました。
const yourKeyVariable = "happyCount";
const someValueArray= [...];
const obj = {
[yourKeyVariable]: someValueArray,
}
関連
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトにキーが存在するかどうかをチェックする?
-
[解決済み】JavaScriptのオブジェクトの長さ
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React Js: Uncaught (in promise) SyntaxError: 位置 0 の JSON で予期しないトークン < が発生しました。
-
[解決済み】フォームコントロールの値アクセサがない
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み] jQueryで、ユーザーがそのフィールドを編集している間、テキストフィールドの最初の文字を大文字にするにはどうすればよいですか?
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。
-
[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー
-
[解決済み] JavaScriptのオブジェクトリテラルで変数をキーとして使用するには?
-
[解決済み】JavaScriptのオブジェクト変数に追加する動的キーの作成方法【重複あり