JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでセット（Set）をループ処理する方法

自作のセット（Set）クラスでは、クラス内に forEach 関数を作成し、各要素に対して呼び出されるコールバック関数を受け取ることができます。ここでは、そのような関数をどのように実装するのかを見ていきましょう。

実装例

forEach(callback) {
    for (let prop in this.container) {
        callback(prop);
    }
}

この関数は、以下のようにして動作を確認できます。

使用例

const testSet = new MySet();

testSet.add(1);
testSet.add(2);
testSet.add(5);

testSet.forEach(elem => console.log(`要素は ${elem} です`));

実行結果

上記のコードを実行すると、次の出力が得られます。

要素は 1 です
要素は 2 です
要素は 5 です

なお、ES6で標準搭載された Set オブジェクトにも、同様の機能を提供する forEach メソッドが用意されています。そのため、独自のセットクラスを実装する場合でも、標準の Set を使う場合でも、同じように各要素を順番に処理することが可能です。

  1. JavaScriptでオブジェクトを含む「配列の配列」をループ処理する方法

    JavaScriptでオブジェクトを含む多次元配列をループするには？JavaScriptでは、オブジェクトを含む配列の配列（入れ子構造の配列）をループ処理する際、forEach()メソッドをネストして使用し、さらにfor...inループで各オブジェクトのプロパティにアクセスするのが一般的な方法です。以下に、具体的な実装例を紹介します。コード例<!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device

  2. JavaScriptのforループを使って空のオブジェクトにプロパティを設定する方法

    JavaScriptでは、for...inループを使うことで、既存のオブジェクトから空のオブジェクトへプロパティを簡単にコピーできます。以下に、forループを使用して空のオブジェクトにプロパティを設定するサンプルコードを紹介します。 コード例 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,