[解決済み] JavaScriptでkey=>valueの配列を格納するための最良の方法?
2022-03-04 16:35:16
質問
を格納するのに最適な方法は何ですか?
key=>value
の配列と、それをループさせる方法を教えてください。
各要素のキーは、次のようなタグである必要があります。
{id}
または単に
id
で、その値はidの数値である必要があります。
既存のjavascriptクラスの要素であるか、そのクラスを通して簡単に参照できるグローバル変数である必要があります。
jQueryを使用することができます。
解決方法は?
それは、JavaScriptのオブジェクトがそうであるというだけです。
var myArray = {id1: 100, id2: 200, "tag with spaces": 300};
myArray.id3 = 400;
myArray["id4"] = 500;
を使ってループさせることができます。
for..in
ループ
:
for (var key in myArray) {
console.log("key " + key + " has value " + myArray[key]);
}
こちらもご覧ください。 オブジェクトを操作する (MDN)を参照してください。
ECMAScript6 では、さらに
Map
(そこのブラウザの互換性表参照)。
Objectはプロトタイプを持つので、mapにはデフォルトのキーが存在します。ES5以降、map = Object.create(null)とすることで、これを回避することができましたが、ほとんど行われませんでした。
ObjectのキーはStringとSymbolで、Mapの場合は任意の値になります。
Objectの場合は手動でサイズを把握する必要がありますが、Mapの場合は簡単にサイズを取得することができます。
関連
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp
-
[解決済み] テスト
-
[解決済み】エラー:リクエストのエンティティが大きすぎる
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】TypeError: AngularJSで未定義のプロパティ'get'を読み取れない
-
[解決済み】Vueが定義されていない