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

JavaScriptのSet.sizeプロパティの使い方を解説

Set.sizeプロパティとは

Setオブジェクトのsizeプロパティは、現在のSetオブジェクトに格納されている要素の数を表す数値を返します。Setは重複する値を自動的に排除するデータ構造であるため、sizeプロパティを参照することで、コレクション内のユニークな値の個数を簡単に把握できます。

構文

sizeプロパティの構文は以下のとおりです。

Obj.size

なお、sizeはメソッドではなくプロパティであるため、参照する際に括弧「()」は不要です。誤って「Obj.size()」のように呼び出すとエラーになるので注意しましょう。

サンプルコード

以下の例では、Setオブジェクトに4つの文字列を追加し、sizeプロパティを使って要素数を取得して表示しています。

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        const setObj = new Set();
        setObj.add('Java');
        setObj.add('JavaFX');
        setObj.add('JavaScript');
        setObj.add('HBase');
        document.write("Size of the Set object: " + setObj.size);
    </script>
</body>
</html>

出力結果

Size of the Set object: 4

この例では、「Java」「JavaFX」「JavaScript」「HBase」の4つの文字列がSetに追加されているため、sizeプロパティは「4」を返します。

sizeプロパティを使う際のポイント

  • sizeはゲッタープロパティであり、関数として呼び出すことはできません。
  • すでに存在する値をadd()で追加しても、Setには新たな要素が登録されないため、sizeの値は変化しません。
  • 要素がひとつもない空のSetの場合、sizeは「0」を返します。
  • 要素の追加や削除を行うと、sizeの値は自動的に更新されます。

Setのsizeプロパティを活用することで、重複を許さないコレクションの要素数を手軽に取得でき、データの件数チェックやバリデーションなど、さまざまな場面で役立ちます。

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

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

  2. JavaScriptにおける配列とSetの違いとは？重複値の扱いと要素アクセスをわかりやすく解説

    JavaScriptのSet（セット）オブジェクトは、ES2015（ES6）で新たに導入されたデータ型です。従来から広く使われている配列（Array）と比べると、いくつか重要な違いがあります。 配列とSetの主な違い 重複した値の扱い： 配列は同じ値をいくつでも格納できますが、Setでは同一の値は1つしか保持されません。重複した値は自動的に除外されるのが大きな特徴です。 要素へのアクセス方法： 配列ではインデックス（例：arr[0]）を使って任意の位置の要素へ直接アクセスできます。一方、Setにはインデックスの概念がなく、要素は挿入された順序どおりに先頭から順番に辿ることしかできません。