TypeScriptにおけるSetの反復処理：初心者から上級者まで役立つ総合的なガイド
2024-07-27
TypeScriptにおけるSetの反復処理
for...ofループを使う
for...ofループは、Set内のすべての要素を順番に繰り返し処理するのに最適な方法です。構文は以下の通りです。
for (const element of mySet) {
console.log(element);
}
この例では、mySetという名前のSet内のすべての要素がコンソールに出力されます。
forEachメソッドを使う
forEachメソッドは、Set内の各要素に対して関数を1回ずつ実行します。構文は以下の通りです。
mySet.forEach(element => {
console.log(element);
});
どちらの方法を使うべきか？
一般的に、for...ofループの方が簡潔で読みやすいコードとなるため、for...ofループを使うことをおすすめします。
ただし、以下の場合はforEachメソッドの方が適している場合があります。
- 関数以外の処理を要素に対して行いたい場合
- 引数を受け取る関数を使用したい場合
- Setは順序付きコレクションではないことに注意してください。つまり、要素を反復処理する順番は保証されません。
- Set内の要素を変更するには、
forEachメソッド内で直接変更するか、iteratorを使用して新しいSetを作成する必要があります。
const mySet = new Set([1, 2, 3, 4, 5]);
for (const element of mySet) {
console.log(element);
}
このコードを実行すると、以下の出力が得られます。
1
2
3
4
5
const mySet = new Set([1, 2, 3, 4, 5]);
mySet.forEach(element => {
console.log(element);
});
1
2
3
4
5
要素を平方化する
この例では、forEachメソッドを使用してSet内の各要素を平方化しています。
const mySet = new Set([1, 2, 3, 4, 5]);
mySet.forEach(element => {
console.log(element * element);
});
1
4
9
16
25
特定の条件に一致する要素のみを処理する
この例では、forEachメソッドと条件式を使用して、2より大きい要素のみを処理しています。
const mySet = new Set([1, 2, 3, 4, 5]);
mySet.forEach(element => {
if (element > 2) {
console.log(element);
}
});
3
4
5
Array.from関数を使用して、Setを配列に変換してから、配列を反復処理する方法があります。 構文は以下の通りです。
const mySet = new Set([1, 2, 3, 4, 5]);
const array = Array.from(mySet);
for (const element of array) {
console.log(element);
}
1
2
3
4
5
Spread syntaxを使う
ES2015以降であれば、スプレッド構文を使用してSetを展開し、配列として反復処理することができます。 構文は以下の通りです。
const mySet = new Set([1, 2, 3, 4, 5]);
for (const element of [...mySet]) {
console.log(element);
}
ジェネレータを使う
ジェネレータを使用して、Setを反復処理する方法もあります。 構文は以下の通りです。
function* iterateOverSet(mySet) {
for (const element of mySet) {
yield element;
}
}
const mySet = new Set([1, 2, 3, 4, 5]);
for (const element of iterateOverSet(mySet)) {
console.log(element);
}
リカージョンを使う
Setが空でない限り、Set内の最初の要素を取り出して新しいSetを作成し、その新しいSetを再帰的に反復処理する方法もあります。 構文は以下の通りです。
function iterateOverSetRecursively(mySet) {
if (mySet.size === 0) {
return;
}
const firstElement = mySet.values().next().value;
console.log(firstElement);
mySet.delete(firstElement);
iterateOverSetRecursively(mySet);
}
const mySet = new Set([1, 2, 3, 4, 5]);
iterateOverSetRecursively(mySet);
typescript
