Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Set::Set.prototype.valuesインスタンスメソッドの使い方

Set.prototype.values()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Set.prototype.values()メソッドは、Setオブジェクトに格納されているすべての要素の値を、挿入された順序で取り出すための新しいイテレータを実行するメソッドです。

JavaScriptのSetオブジェクトは、重複しない任意の値のコレクションを保持するために使用されます。このvalues()メソッドを利用することで、そのSetインスタンスに含まれる各要素の値に順番にアクセスできるようになります。

具体的には、このメソッドはSet内の各値を順番に生成するイテレータを返します。イテレータとは、複数の要素を持つコレクションから一つずつ要素を取り出すための仕組みであり、例えばfor...ofループと組み合わせて使用することで、Set内のすべての値を簡単に反復処理できます。

Set.prototype.keys()メソッドも存在しますが、Setにはキーという概念がないため、values()メソッドと同様にSetに格納されている値そのものを返します。つまり、Setオブジェクトにおいては、values()keys()は同じイテレータを返します。

このメソッドは、Setオブジェクトの内容を順次処理したり、あるいはその内容を配列に変換したりしたい場合に非常に役立ちます。例えば、[...mySet.values()]のようにスプレッド構文と組み合わせることで、Setの値を新しい配列として簡単に取得することも可能です。

公式リファレンス: Set.prototype.values()

構文(syntax)

1const mySet = new Set(['apple', 'banana', 'cherry']);
2const valueIterator = mySet.values();

引数(parameters)

引数なし

引数はありません

戻り値(return)

Iterator

Set.prototype.values() は、Set オブジェクトの各要素を順番に取得できるイテレータ(Iterator)を返します。

関連コンテンツ

関連プログラミング言語