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

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

確認環境
・Windows 10
・Google Chrome

目次

セット(Set)

変数 = new 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文でループさせて値を取得しています。

関連の記事

JavaScript for...in文とfor...of文のサンプル
JavaScript マップのサンプル(Map)

△上に戻る