JavaScript/Set

JavaScript > 標準ライブラリ Set

Setオブジェクト

「集合」も参照

Setオブジェクトは集合を扱うための機能を組み込んだオブジェクトです。 Setオブジェクトの生成には、Setコンストラクターを使います。

constset=newSet()

Setオブジェクトにはリテラルはありません。

コード例

コード例

constset1=newSet();console.log(set1)set1.add(1);console.log(set1)set1.add("a");console.log(set1)set1.add(1);console.log(set1)set1.add([1,2,3]);console.log(set1)set1.delete(1);console.log(set1)set1.delete(1);console.log(set1)set1.add(1);console.log(set1)console.log(`set1.has(1) = ${set1.has(1)}, set1.has(2) = ${set1.has(2)}`)console.log([...set1])console.log([...set1.values()])console.log([...set1.keys()])console.log([...set1.entries()])set1.forEach(x=>console.log(x))set1.clear(set1);console.log(set1)consta=newSet()constb=newSet()a.add(100)b.add(100)console.log(a==b)

実行結果

Set(0) {} Set(1) { 1 } Set(2) { 1, 'a' } Set(2) { 1, 'a' } Set(3) { 1, 'a', [ 1, 2, 3 ] } Set(2) { 'a', [ 1, 2, 3 ] } Set(2) { 'a', [ 1, 2, 3 ] } Set(3) { 'a', [ 1, 2, 3 ], 1 } set1.has(1) = true, set1.has(2) = false [ 'a', [ 1, 2, 3 ], 1 ] [ 'a', [ 1, 2, 3 ], 1 ] [ 'a', [ 1, 2, 3 ], 1 ] [ [ 'a', 'a' ], [ [ 1, 2, 3 ], [ 1, 2, 3 ] ], [ 1, 1 ] ] a [ 1, 2, 3 ] 1 Set(0) {} false 

存在しない要素をdeleteしても例外は上がりません。

Setオブジェクトは集合ですが、JavaScriptは演算子オーバーロードはできないので集合同士に比較演算子は適用できません。

また、集合演算にも対応しておらず、和集合（union）・積集合（intersection)・差集合（difference）・部分集合か判定（issubset）・上位集合（issuperset）・排他判定（isdisjoint）などのメソッドは用意されていません。

Polyfill

集合演算関係のメソッド追加提案は既にTC39に提出されていますが、参考までに Polyfill を書いてみました。

Polyfill

Object.entries({filter:function(callback){if(typeofcallback!=='function')thrownewTypeError();constresult=newSet()for(constxofthis)if(callback(x))result.add(x)returnresult},map:function(callback){if(typeofcallback!=='function')thrownewTypeError();constresult=newSet()for(constxofthis)result.add(callback(x))returnresult},reduce:function(callback,initial){if(typeofcallback!=='function')thrownewTypeError();letresult=initialfor(constxofthis){if(result===undefined)result=xelseresult=callback(result,x,this)}returnresult},union:function(other){constresult=newSet(this)for(constxofother){result.add(x)}returnresult},intersection:function(other){returnthis.filter(e=>other.has(e))},difference:function(other){returnthis.filter(e=>!other.has(e))},superset_p:function(other){for(constelemofother){if(!this.has(elem)){returnfalse}}returntrue},subset_p:function(other){returnother.superset_p(this)},}).forEach(pair=>{const[method,func]=pairObject.defineProperty(Set.prototype,method,{value:func})})consta=newSet([0,1,2]),b=newSet([2,3,4]),c=newSet([0,1,2,3,4,5,6])constary=["a","b","c","a.map(x => x * 2)","a.union(b)","a.intersection(b)","a.difference(b)","a.superset_p(c)","a.subset_p(c)",]ary.forEach(x=>console.log(x,"=>",eval(x)))

実行結果

a => Set(3) { 0, 1, 2 } b => Set(3) { 2, 3, 4 } c => Set(7) { 0, 1, 2, 3, 4, 5, 6 } a.map(x => x * 2) => Set(3) { 0, 2, 4 } a.union(b) => Set(5) { 0, 1, 2, 3, 4 } a.intersection(b) => Set(1) { 2 } a.difference(b) => Set(2) { 0, 1 } a.superset_p(c) => false a.subset_p(c) => true 

静的プロパティ

Set.length

1

コンストラクタの引数の数

Set.name

"Set"

Set.prototype

[object]

インスタンスプロパティ

Set.prototype.size

Setオブジェクトの要素数。

インスタンスメソッド

この節は書きかけです。この節を編集してくれる方を心からお待ちしています。

Set Helpers

ES（ECMAScript）の Set Helpers は、Set オブジェクトに対して便利な操作を追加する提案で、集合データ（重複しない要素のコレクション）をより簡単かつ直感的に操作できるようにするための新機能です。この提案は、配列やオブジェクトにある便利なメソッドを Set にも拡張し、集合演算やフィルタリングなどの操作を簡潔に実現します。

背景

現在の Set オブジェクトは、add, delete, has といった基本的な操作しかサポートしていません。そのため、集合データの操作（例えば、和集合、差集合、交差集合など）を行うには、手動でループやメソッドを組み合わせる必要があり、冗長なコードになることがあります。

Set Helpers はこれを解消し、Set オブジェクトを扱いやすくする新しいメソッドを提供します。

主なメソッド

union

他のセットと「和集合」を作成します。

constsetA=newSet([1,2,3]);constsetB=newSet([3,4,5]);constunionSet=setA.union(setB);console.log(unionSet);// Set { 1, 2, 3, 4, 5 }

intersection

他のセットと「共通部分（交差集合）」を作成します。

constsetA=newSet([1,2,3]);constsetB=newSet([3,4,5]);constintersectionSet=setA.intersection(setB);console.log(intersectionSet);// Set { 3 }

difference

他のセットとの差集合を作成します。

constsetA=newSet([1,2,3]);constsetB=newSet([3,4,5]);constdifferenceSet=setA.difference(setB);console.log(differenceSet);// Set { 1, 2 }

symmetricDifference

「対称差集合」（どちらか一方のセットにしか含まれない要素）を作成します。

constsetA=newSet([1,2,3]);constsetB=newSet([3,4,5]);constsymmetricDifferenceSet=setA.symmetricDifference(setB);console.log(symmetricDifferenceSet);// Set { 1, 2, 4, 5 }

isSubsetOf

あるセットが他のセットの部分集合かをチェックします。

constsetA=newSet([1,2]);constsetB=newSet([1,2,3]);console.log(setA.isSubsetOf(setB));// true

isSupersetOf

あるセットが他のセットを包含しているかをチェックします。

constsetA=newSet([1,2,3]);constsetB=newSet([1,2]);console.log(setA.isSupersetOf(setB));// true

map

各要素を変換して新しい Set を作成します。

constsetA=newSet([1,2,3]);constmappedSet=setA.map(x=>x*2);console.log(mappedSet);// Set { 2, 4, 6 }

filter

条件を満たす要素だけを含む新しい Set を作成します。

constsetA=newSet([1,2,3,4]);constfilteredSet=setA.filter(x=>x%2===0);console.log(filteredSet);// Set { 2, 4 }

reduce

集合の要素を1つの値にまとめます。

constsetA=newSet([1,2,3]);constsum=setA.reduce((acc,x)=>acc+x,0);console.log(sum);// 6

使用例: 組み合わせ

Set Helpers を使うことで、複雑な操作もシンプルに記述できます。

constsetA=newSet([1,2,3,4]);constsetB=newSet([3,4,5,6]);constresult=setA.union(setB)// 和集合 { 1, 2, 3, 4, 5, 6 }.filter(x=>x%2===0)// 偶数だけ { 2, 4, 6 }.map(x=>x*10);// 各要素を10倍 { 20, 40, 60 }console.log(result);// Set { 20, 40, 60 }

メリット

1. 簡潔なコード: 従来の冗長なループ処理が不要。
2. 統一された操作: 他のデータ構造（配列やマップ）と同様のメソッドが使用可能。
3. 効率的な集合演算: 集合に特化したメソッドを活用。

状態

Set Helpers はまだ仕様策定中であり、最新の ECMAScript 提案（Stage 2 または Stage 3）に含まれています。一部のブラウザや JavaScript ランタイム（例えば、Node.js）では試験的に実装されている場合があります。使用する際は、環境の対応状況を確認してください。

このように、Set Helpers は JavaScript における集合操作を簡単にし、開発者の負担を大幅に軽減することを目指しています。

外部リンク

• “ECMA-262::24.2 Set Objects” (2021年12月17日). 2021年12月26日閲覧。[ ]