[解決済み] JavaScriptでkey=>valueの配列を格納するための最良の方法は?
2022-03-28 19:39:44
質問
を格納するのに最適な方法は何ですか?
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の場合は簡単にサイズを取得することができます。
関連
-
[解決済み】TypeError: $(...).DataTable は関数ではありません。
-
[解決済み】TypeError:res.jsonは関数ではありません。
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
-
[解決済み] React with ES7: Uncaught TypeError: Cannot read property 'state' of undefined [duplicate] (未定義のプロパティ'state'を読み込むことはできません。
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】Babel NodeJS ES6: SyntaxError: 予期しないトークンのエクスポート
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。