JavaScriptでユニークなデータを扱いたいとき、Setオブジェクトがとても便利です。配列とは違い、重複する値を持たず、一意のデータのみを効率よく保持することができるのが特徴です。このブログでは、Setの基本的な使い方や特性を、例を交えてわかりやすく解説していきます！
Setってなに？基本を理解しよう
Setは、JavaScriptの標準ライブラリに含まれる組み込みオブジェクトで、特に重複を許さないデータの管理に適しています。Setに同じ値を追加しようとすると、すでに存在するものは無視されます。そのため、同じ値を複数持つことがない、一意のデータコレクションを簡単に作成できます。
Setの主な特徴
-
一意の値のみを保持
Setでは、同じ値が複数含まれることがありません。同じ要素を追加しようとしても無視されます。
-
データの順序
- 要素は追加した順番で保持されますが、インデックス（配列のような番号）はありません。そのため、インデックスを使って直接アクセスはできません。
-
さまざまなデータ型が追加可能
- 数値や文字列はもちろん、オブジェクトや配列など、あらゆるデータ型の値を格納できます。
Setの基本的な使い方
まず、Setを使うには new Set() として初期化します。以下に基本的な例を示します。
const mySet = new Set();
mySet.add(1);
mySet.add(2);
mySet.add(2); // 2は既に追加されているため、無視される
mySet.add("Hello");
console.log(mySet); // 出力: Set { 1, 2, "Hello" }
上記の例では、Setに重複する値（2）を追加しても、保持されるのは1回だけです。これにより、Set内のデータは常に一意になります。
Setの便利なメソッド
Setには、データを操作するためのさまざまなメソッドが用意されています。以下はよく使うメソッドの一覧です。
add(value)：値を追加します。delete(value)：指定した値を削除します。has(value)：指定した値が存在するかをチェックします（存在すればtrue、なければfalse）。size：Set内の要素数を返します。clear()：すべての要素を削除します。
それぞれのメソッドを実際に使ったコードを見てみましょう。
const mySet = new Set();
mySet.add(1);
mySet.add(2);
console.log(mySet.has(1)); // 出力: true
console.log(mySet.size); // 出力: 2
mySet.delete(2); // 2を削除
console.log(mySet.size); // 出力: 1
mySet.clear(); // すべての要素を削除
console.log(mySet.size); // 出力: 0
Setのイテレーション（ループ処理）
Setはイテラブルなオブジェクトのため、for...ofループやforEachメソッドを使って要素を繰り返し処理することができます。
const mySet = new Set([1, 2, 3]);
// for...ofループ
for (const item of mySet) {
console.log(item); // 1, 2, 3が順に出力される
}
// forEachメソッド
mySet.forEach((value) => console.log(value));
実用例：配列の重複を簡単に削除
Setのよくある用途の一つとして、「配列の重複を削除する」方法があります。Setは重複を許さない特性を持っているため、配列からSetを作り、再び配列に変換することで重複を削除することができます。
const arrayWithDuplicates = [1, 2, 3, 1, 4, 2];
const uniqueArray = [...new Set(arrayWithDuplicates)];
console.log(uniqueArray); // 出力: [1, 2, 3, 4]
上記のコードでは、arrayWithDuplicatesから重複する値を削除して、新しい配列uniqueArrayを作成しています。Setは一意の値のみを保持するため、このような重複削除がシンプルに実現できます。
まとめ
Setは、重複しないデータを扱いたいときに非常に役立つオブジェクトです。シンプルながら強力で、ユニークな値の管理や重複の削除などに大いに役立ちます。JavaScriptでデータ管理をよりスマートにしたい方には、ぜひSetの活用をおすすめします。
Setの特性をうまく活用して、コードのパフォーマンス向上やデータの重複防止を実現してみましょう！