JavaScriptセットの使い方

JavaScript は動的言語であり、その柔軟性により、HTML および CSS と並んで Web 開発の 3 つの最も基本的な要素の 1 つとなっています。 JavaScript では、set は、任意の型の一意の値を格納できる、非常に一般的に使用されるデータ構造です。次に、JavaScript セットの使い方と機能について説明します。

1. セットの作成

JavaScript では、次のメソッドを使用してセットを作成できます:

const set = new Set();

これにより、空のセットが作成されます。配列をセットに変換することもできます:

const arr = [1, 2, 3, 3, 4];
const set = new Set(arr); //这将创建一个唯一的值集合：{1, 2, 3, 4}

2. Set に値を追加します

Set では、add() メソッドを使用して一意の要素をそれに追加します。追加された要素が Set 内にすでに存在する場合、追加されません。

const set = new Set();
set.add("hello");
set.add("world");
console.log(set); //输出Set("hello", "world")

3. Set からの値の削除

Set から値を削除するには、delete() メソッドを使用できます。値が存在しない場合、delete() メソッドも false を返します。

const set = new Set();
set.add("hello");
set.add("world");
set.delete("world");
console.log(set); //输出 Set("hello")

clear() メソッドを使用して Set 全体をクリアすることもできます:

const set = new Set();
set.add("hello");
set.add("world");
set.clear();
console.log(set); //输出 Set()

4. Set のトラバース

JavaScript では、for-of ループを使用できます。セットを横断します。 Set では重複した値が許可されないため、for-of ループは自動的に重複した値をスキップします。

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

出力結果は次のとおりです:

1
2
3

for-of ループに加えて、forEach() メソッドを使用して Set を走査することもできます。これにより、セット内の各要素が反復処理され、その要素に対してコールバック関数が実行されます。

const set = new Set([1, 2, 3]);
set.forEach((item) => {
  console.log(item);
});

5. Set の一般的なメソッド

JavaScript では、Set には一般的に使用されるメソッドが多数あります。一般的に使用されるメソッドのいくつかを次に示します:

1. has() メソッド : Set に特定の値が含まれているかどうかを確認します。

const set = new Set([1, 2, 3]);
console.log(set.has(2)); //输出 true
console.log(set.has(4)); //输出 false

2. size 属性: セット内の要素の数を返します。

const set = new Set([1, 2, 3]);
console.log(set.size); //输出 3

3. keys() メソッド: セット内のすべての要素のキー名を返します。

const set = new Set([1, 2, 3]);
console.log(set.keys()); //输出 SetIterator {1, 2, 3}

4. values() メソッド: Set 内のすべての要素の値を返します。

const set = new Set([1, 2, 3]);
console.log(set.values()); //输出 SetIterator {1, 2, 3}

5. entries() メソッド: Set 内のすべての要素のキーと値のペアを返します。

const set = new Set([1, 2, 3]);
console.log(set.entries()); //输出 SetIterator { [1, 1], [2, 2], [3, 3] }

6. Set と Array の間の変換

JavaScript では、Set を配列に、または配列を Set に変換できます。以下に 2 つの変換方法があります:

1. セットを配列に変換:

const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); //输出 [1, 2, 3]

2. 配列をセットに変換:

const arr = [1, 2, 3];
const set = new Set(arr);
console.log(set); //输出 Set(3) {1, 2, 3}

7 Set

Set の使用シナリオは、重複した値を削除するために使用でき、データを処理するときに非常に便利です。たとえば、データベースから結果を取得する場合、結果には重複する値が含まれる可能性があるため、Set を使用して重複する値を削除できます。

Set はあらゆる種類のデータを保存することもできます。これにより、多くのシナリオで使用できるようになります。たとえば、多数の値を保存する必要がある場合、Set を使用して値を保存できます。

つまり、Set は JavaScript の非常に便利なデータ構造であり、多くのシナリオで役割を果たすことができます。 Set の基本的な使用法を学ぶことで、Web 開発で JavaScript をより効果的に使用できるようになります。

以上がJavaScriptセットの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。