Javascriptマップとオブジェクト—いつ、何を？

MDN Docsによると、

Mapオブジェクトは、キーと値のペアを保持し、キーの元の挿入順序を記憶しています。任意の値（オブジェクトとプリミティブ値の両方）をキーまたは値として使用できます。

ここで注意すべき重要なことは、オブジェクトはマップのキーとしても使用できるということです。これはJavaScriptオブジェクトには当てはまりません。 JSオブジェクトでは、プリミティブのみをキーとして使用できます。

特定のシナリオで役立つもう1つの機能は、反復可能であるということです。そして、挿入順に繰り返すことができます。したがって、キーの順序を維持し、それに値を関連付ける必要がある場合は、マップを使用できます。

例

マップの使用例-

const myMap = new Map();
const keyString = 'a string',
const keyObj = {},
const keyFunc = function() {};
// setting the values with all kinds of keys
myMap.set(keyString, "String Val");
myMap.set(keyObj, 'Object val');
myMap.set(keyFunc, 'function val');
console.log(myMap.size);
console.log(myMap.get(keyString));

出力

これにより、出力が得られます-

3
String Val