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