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

JavaScriptのMap.sizeプロパティとは？要素数を取得する方法を徹底解説

sizeプロパティとは

JavaScriptにおけるMapオブジェクトのsizeプロパティは、そのマップに現在格納されているエントリ（キーと値のペア）の総数を返す、読み取り専用のアクセッサプロパティです。引数を受け取るメソッドではなく、プロパティとして直接参照するだけで、整数値として要素数を取得できます。

なお、sizeプロパティは自動的に更新されるため、set()メソッドで新しい要素を追加したり、delete()メソッドやclear()メソッドで要素を削除したりすると、sizeの戻り値もリアルタイムに変化します。

構文（シンタックス）

sizeプロパティの構文は以下の通りです。非常にシンプルで、マップ変数に対してドット記法でアクセスするだけです。

mapVar.size

使用例

以下のサンプルコードでは、Mapオブジェクトを作成し、set()メソッドを使って4つのエントリを追加した後、sizeプロパティで要素数を取得して画面に表示しています。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var mapVar = new Map();
      mapVar.set('1', 'Java');
      mapVar.set('2', 'JavaFX');
      mapVar.set('3', 'HBase');
      mapVar.set('4', 'Neo4j');
      document.write("マップオブジェクトのサイズ: " + mapVar.size);
   </script>
</body>
</html>

実行結果

上記のコードを実行すると、ブラウザには次のように表示されます。

マップオブジェクトのサイズ: 4

sizeプロパティのポイントまとめ

  • 読み取り専用： mapVar.size = 10 のように代入しても値は変更できません（厳格モードではエラーになります）。
  • 自動更新： 要素の追加・削除に応じて常に最新の要素数が反映されます。
  • 配列との違い： 配列のlengthプロパティに似ていますが、Mapでは重複しないキーの数がカウントされます。

Mapオブジェクトを活用したデータ管理において、sizeプロパティは現在のデータ件数を確認する際に欠かせない基本機能です。ぜひ実際のコードで試してみてください。

  1. JavaScriptのsourceプロパティとは？正規表現パターンテキストを取得する方法を解説

    JavaScriptのsourceプロパティは、RegExp（正規表現）オブジェクトに設定されたパターン文字列そのものを返すプロパティです。g（グローバルマッチ）やi（大文字・小文字を区別しない）などのフラグは結果に含まれず、マッチング対象となる純粋な正規表現テキストのみを取得できます。 動的に正規表現を組み立てたい場合や、デバッグ時に実際に適用されているパターンを確認したい場合などに活用できる便利なプロパティです。 基本構文 const regex = /pattern/flags; console.log(regex.source); // パターン文字列のみが返される サンプルコード

  2. JavaScriptのMap（マップ）オブジェクトとは？基本的な使い方をサンプルコード付きで解説

    MapオブジェクトとはMap（マップ）オブジェクトは、ES6（ECMAScript 2015）で導入された組み込みオブジェクトの一つで、「キー」と「値」のペアで構成される要素を管理するコレクションです。通常のオブジェクトとよく似ていますが、Mapの大きな特徴は、キーにオブジェクトやプリミティブ値など、あらゆる型の値を使用できる点にあります。さらに、要素は挿入した順序で保持されるため、for...ofループなどを利用して、追加した順番どおりに反復処理を行うことも可能です。Mapオブジェクトの主なメソッドとプロパティメソッド / プロパティ説明new Map(iterable)配列などのイテラブル