差分

このページの2つのバージョン間の差分を表示します。

--- js:iteration_protocols [2021/07/05 13:53]
tanaka [イテレーター]
+++ js:iteration_protocols [2021/07/12 13:38] (現在)
tanaka [ジェネレーター]
@@ 行 15: / 行 15: @@
 ===== イテレーター =====
-イテレーターとは、コレクション内のオブジェクトを列挙する機能を持ったオブジェクトの事です。ES2015[[js:top#ECMAScript|*2015]]で導入された for-of 構文は、このイテレーターを使用した構文糖（Syntax Sugar）です。
+イテレーターとは、コレクション内のオブジェクトを列挙する機能を持ったオブジェクトの事です。ES2015<sup>[[js:top#ECMAScript|*2015]]</sup>で導入された for...of 構文は、このイテレーターを使用した構文糖（Syntax Sugar）です。
 以下にイテレーターを使わないレトロな for 文と、イテレーターを使用した for 文を比べてみます。
-=== レトロなfor文 ===
 <sxh javascript;title:レトロなfor文>
@@ 行 29: / 行 27: @@
 </sxh>
-=== for-of構文 ===
+<sxh javascript;title:for...of構文>
-<sxh javascript;title:for-of構文>
 let students = ['sato', 'suzuki', 'takahashi'];
@@ 行 59: / 行 55: @@
 ===== ジェネレーター =====
-> TODO:
+ジェネレーターは数列などの列挙可能な値（オブジェクト）を、次々と生成し、''yield'' 命令を使って呼び出し元に返す機構です。JavaScriptではES2015<sup>[[js:top#ECMAScript|*2015]]</sup>から導入され、''function*'' 命令（ジェネレーター関数）を使って使用することができます。
+以下にジェネレーターの簡単な例を示します。
+<sxh javascript;title:Example>
+class Student {
+    // コンストラクタの定義
+    constructor(name) {
+        this.name = name;
+    }
+    // メソッドの定義
+    greeting() {
+        console.log(`I am ${this.name}.`);
+    }
+}
+function* getStudents() {
+    yield new Student('Sato');
+    yield new Student('Suzuki');
+    yield new Student('Takahashi');
+}
+for (let student of getStudents()) {
+    student.greeting();
+}
+</sxh>
+最初にジェネレーター関数が呼び出されると、コードは実行されずイテレーターオブジェクトが返されます。このオブジェクトのことをジェネレーターと呼びます。その後、呼び出し側でジェネレーターの ''next'' 命令が呼び出されると、ジェネレーター関数は最初の ''yield'' までのコードを実行します。このようにしてジェネレーターの ''next'' 命令が呼び出される度に次々と ''yield'' が実行されます。
+別の例として、2000年から2100年までの閏年を計算するコードを、以下に示します。
+<sxh javascript;title:Example>
+function* genLeapYear(start_year) {
+    let year = start_year;
+    while(true) {
+        if(isLeapYear(year)) {
+            yield year;
+        }
+        year++;
+    }
+}
+function isLeapYear(year) {
+    return (year % 400 == 0) ||
+           (year % 100 != 0 && year % 4 == 0);
+}
+for (let year of genLeapYear(2000)) {
+    if(year > 2100) break;
+    console.log(year);
+}
+</sxh>
+上の例はジェネレーターがなぜ使われるのかを端的に示しています。この例から分かるように、ジェネレーターを使用することにより全ての計算結果が格納された配列を用意する必要がなくなります。また、計算の終了を関数の呼び出し側で行うこともできます。
+\\

Water Sunlight

ユーザ用ツール

サイト用ツール

差分

ページ用ツール