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

JavaScriptでのMapの使用は何ですか？

地図

マップはキーと値のペアを保持し、キーの実際の挿入順序を記憶しています。マップでは、一意の値のみを保存できます。

構文

new Map([iterable])

ケース1：地図がない

Mapがない場合、javascriptオブジェクトは1つのキーオブジェクトのみを承認するため、複数のキーを提供すると、最後のキーのみが記憶されます。次の例では、aやbなどの多くのキーを提供しているにもかかわらず、bのみが記憶され、出力として表示されます。したがって、この欠点を解消するために、「マップ」がjavascriptに存在するようになりました。

例

<html>
<body>
<script>
   const x = {};
   const a = {};
   const b = {
      num:3
   }
   x[a] = "a";
   x[b] = "b";
   document.write(JSON.stringify(x));
</script>
</body>
</html>

出力

{"[object Object]":"b"}

ケース2：マップの存在

Mapはキーの実際の挿入順序を記憶するという定義からわかるように、出力に示されているように、「{}」などのすべてのキーと値のペアがキーとして表示され、「a」には値などがあります。

例

<html>
<body>
<script>
   const a = {};
   const b = {
      num:3
   }
   const map = new Map();
   map.set(a, "a").set(b, "b");
   for(let[key, value] of map.entries()){
   document.write(JSON.stringify(key, value)); // displaying key using Map
   document.write((key, value));               // displaying value using Map
}
</script>
</body>
</html>

出力

{}a {"num":3}b

  1. javascriptでのマップオブジェクトの使用は何ですか？

    MDN Docsによると、 Mapオブジェクトは、キーと値のペアを保持し、キーの元の挿入順序を記憶しています。任意の値（オブジェクトとプリミティブ値の両方）をキーまたは値として使用できます。 ここで注意すべき重要なことは、オブジェクトはマップのキーとしても使用できるということです。これはJavaScriptオブジェクトには当てはまりません。 JSオブジェクトでは、プリミティブのみをキーとして使用できます。 特定のシナリオで役立つもう1つの機能は、反復可能であるということです。そして、挿入順に繰り返すことができます。したがって、キーの順序を維持し、それに値を関連付ける必要がある場合は、マッ

  2. javascriptでの歩哨の使用は何ですか？

    Sentryは、完全なjavascriptデバッグおよび監視ツールパッケージであり、本番コードを追跡できます。歩哨の特徴のいくつか- 環境と使用法の詳細を記録して、バグを再現して修正します 以前はユーザーのデバッグコンソールにのみ表示されていたエラーとスタックトレースを確認してください。 ソースマップを自動的に適用して、縮小、コンパイル、またはトランスパイルされたコードを元の形式に変換します。 モバイルアプリのレポートサポート。