JavaScript セットのサンプル(Set)

JavaScriptのセット(Set)のサンプルです。

確認環境
・Windows 10
・Google Chrome

セット(Set)
値を追加する(add)
値を削除する(delete)
値が存在するか確認する(has)
for文のループで要素を取得する

セット(Set)

変数 = new Set (値, ... ]);

ひとつの変数に複数の値を設定できます。
値の重複は不可です。代入しようとしても追加されません。
ECMAScript 2015(ES6)で導入されました。
以下は、MDNのSetのリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Set

値を追加する(add)

セットの値を追加するサンプルです。

<script>

const color1 = new Set(["赤","黄","青"]);

color1.add("緑");

console.log(color1);//{"赤", "黄", "青", "緑"}

color1.add("赤");

console.log(color1);//{"赤", "黄", "青", "緑"}

</script>

3行目は、セットを作成しています。
5行目は、addメソッドで値を追加しています。
9行目は、同じ値を追加しようとしていますが追加されません。

値を削除する(delete)

セットの値を削除するサンプルです。

<script>

const color1 = new Set(["赤","黄","青"]);

color1.delete("黄");

console.log(color1);//{"赤", "青"}

</script>

5行目は、値を削除しています。

値が存在するか確認する(has)

値が存在するか確認するサンプルです。

<script>

const color1 = new Set(["赤","黄","青"]);

console.log(color1.has("黄"));//true
console.log(color1.has("オレンジ"));//false

</script>

5行目は、hasメソッドで存在を確認しています。存在するのでtrueです。
6行目も、hasメソッドで確認していますが、存在しないのでfalseです。

for文のループで値を取得する

for文のループで値を取得するサンプルです。

<script>

const color1 = new Set(["赤","黄","青"]);

for(let c1 of color1) {
  console.log(c1);//赤 黄 青
}

</script>

5行目は、for～of文でループさせて値を取得しています。