JavaScript で Set を使うには?

ショコラ
ショコラ

JavaScript で Set を使うには?

Set の使い方をまとめました。

もっさん先輩
もっさん先輩

JavaScript で Set を使用する例。

Set をインスタンス化する。

let set = new Set;

Set を初期値ありでインスタンス化する。

let set = new Set(['a','b','c']);

Set に値を設定する。

set.add('d');

値を設定するのは setメソッドではなく addメソッドです。既に同じ値が設定されていてもエラーにはなりません。

Set のサイズを確認する。

set.size

Set に値があるか確認する。

set.has('c');

Set の値を削除する。

set.delete('c');

Set の値を全削除する。

set.clear();

Set をfor of で取得する。

for (let val of set) {
}

Set をforEach で取得する。

set.forEach(val => {
});

Set を使ったプログラムの例。

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script>

// Set をインスタンス化する。
let set = new Set;

// Set を初期値を設定してインスタンス化する。
set = new Set(['a','b','c']);

// Set に値の設定する。
set.add('d');
set.add('d');

// Set のサイズを確認する。
set.size;

// Set に値があるか確認する。
if (set.has('d')) {
}

// Set をfor of で取得する。
for (let val of set) {
  console.log(val);
}

// Set をforEach で取得する。
set.forEach(val => console.log(val));

// Set の値を削除する。
set.delete('d');

// Set の値を全削除する。
set.clear();

</script>
</head>
<body>
</body>
</html>
Scroll to Top