TECH I.S.

JavaScript Set

JavaScript Setは、一意の値のコレクションです。

各値は、1つのSetで1回のみ出現します。


よく使用するSetが保持しているメソッド

メソッド 説明
new Set()新しいSetオブジェクトを作成
add()Setオブジェクトに新しい要素の追加を行う
delete()Setオブジェクトから要素を削除します
has()Setに値が存在する場合はtrueを返す
forEach()Set内の各要素のコールバック関数を呼び出す
values()Set内に含まれるすべての値を含むイテレータを返す
属性 説明
sizeSet内の要素の数を返す

Setの作成方法

以下の方法でSetを作成できます。

  • new Set()に配列を挿入。
  • 新しいSetを作成して、add()を使用して値を追加する。
  • 新しいSetを作成してadd()を使用して変数を追加する。

新しいSet()メソッド

new Set()コンストラクタにArrayを挿入:

// Setの作成 const letters = new Set(["a","b","c"]);

自分で試してみる »

Setを作成して値を追加:

// Setを作成 const letters = new Set(); // Setに値を追加 letters.add("a"); letters.add("b"); letters.add("c");

自分で試してみる »

Setを作成し変数を追加します:

// Setを作成 const letters = new Set(); // 変数を作成 const a = "a"; const b = "b"; const c = "c"; // Setに変数を追加 letters.add(a); letters.add(b); letters.add(c);

自分で試してみる »


add()メソッド

letters.add("d"); letters.add("e");

自分で試してみる »

同じ値を追加すると、最初の値だけが保存される:

letters.add("a"); letters.add("b"); letters.add("c"); letters.add("c"); letters.add("c"); letters.add("c"); letters.add("c"); letters.add("c");

自分で試してみる »


forEach()メソッド

forEach()メソッドは、Setの各要素に対してコールバック関数を呼び出す:

// Setを作成 const letters = new Set(["a","b","c"]); // 全ての要素を取り出す let text = ""; letters.forEach (function(value) {   text += value; })

自分で試してみる »


values()メソッド

values()メソッドは、Set内のすべての値を含む新しいiteratorオブジェクトを返却:

letters.values()   // [object Set Iterator]を返します

自分で試してみる »

Iteratorオブジェクトを使用して要素にアクセスする:

// 全ての要素を取り出す let text = ""; for (const x of letters.values()) {   text += x; }

自分で試してみる »



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細