1. ホーム
  2. javascript

[解決済み] 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の場合は簡単にサイズを取得することができます。