JavaScriptの Set と Array はどちらもコレクション型ですが、それぞれの特性や用途には明確な違いがあります。この記事では、違い・相互変換・集合演算（和・積・差） について実用的に整理します。

Set と Array の違い

比較項目	`Set`	`Array`
値の重複	重複不可（自動で排除）	重複OK
順序	挿入順を保持	挿入順を保持
要素の型	任意の型（オブジェクトも可）	任意の型
イテレーション	`forEach`, `for...of`, Spread可	同様に可能
ユースケース例	一意な値の集合、集合演算	順序付きリスト、汎用データ操作

Set と Array の相互変換

Array → Set（重複を排除）

const arr = [1, 2, 2, 3];
const set = new Set(arr);

console.log(set); // Set(3) { 1, 2, 3 }

Set → Array

const set = new Set(['a', 'b', 'c']);
const arr = Array.from(set);
// または [...set]

console.log(arr); // ['a', 'b', 'c']

Set による集合演算

集合としての Set を活用することで、以下のような操作が可能です。

1. 和集合（union）

const a = new Set([1, 2, 3]);
const b = new Set([3, 4, 5]);

const union = new Set([...a, ...b]);
console.log([...union]); // [1, 2, 3, 4, 5]

2. 積集合（intersection）

const a = new Set([1, 2, 3]);
const b = new Set([2, 3, 4]);

const intersection = new Set([...a].filter(x => b.has(x)));
console.log([...intersection]); // [2, 3]

3. 差集合（difference）

const a = new Set([1, 2, 3]);
const b = new Set([2, 3, 4]);

const difference = new Set([...a].filter(x => !b.has(x)));
console.log([...difference]); // [1]

4.排他的論理和(exclusiveor)

const a = new Set([1, 2, 3]);
const b = new Set([2, 3, 4]);

const xor = new Set([
  ...[...a].filter(x => !b.has(x)),
  ...[...b].filter(x => !a.has(x))
]);

Set を活用する実用シーン

配列の重複削除：

const unique = [...new Set([1, 2, 2, 3])]; // [1, 2, 3]

値の存在確認（高速）：

const ids = new Set(['user1', 'user2']);
if (ids.has('user2')) {
  // true
}

大量データに対する高速検索や比較操作

まとめ

やりたいこと	おすすめ
重複を排除したい	`Set`
順序付きのリスト	`Array`
集合演算したい	`Set`
UIや順序重視の操作	`Array`

📎 関連リンク