Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

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

  1. JavaScriptでオブジェクトをマップします。

    マップオブジェクトはES6で導入され、キーと値のペアである要素のコレクションです。マップ内のキーまたは値は、オブジェクトまたはプリミティブ値にすることができます。 以下はJavaScriptのマップオブジェクトのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initia

  2. JavaScriptのObject.keys()。map()VS Array.map()

    以下は、JavaScriptでObject.keys()。map()とArray.map()を示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>