yieldを使ったジェネレーター関数の制御と応用方法をわかりやすく解説

// 基本的なジェネレーター関数
function* simpleGenerator() {
    console.log("ジェネレーター開始");
    yield 10; // 一時停止して10を返す
    console.log("1つ目のyieldを通過");
    yield 20; // 次に20を返す
    console.log("2つ目のyieldを通過");
}

// ジェネレーターオブジェクトの作成
const generator = simpleGenerator();

console.log(generator.next()); // { value: 10, done: false }
console.log(generator.next()); // { value: 20, done: false }
console.log(generator.next()); // { value: undefined, done: true }

// next()でデータを注入する例
function* dataProcessor() {
    console.log("データ待機中...");
    const input = yield "データを送信してください";
    console.log(`受け取ったデータ: ${input}`);
    yield "完了しました";
}

// 使用例
const processor = dataProcessor();
console.log(processor.next()); // { value: "データを送信してください", done: false }
console.log(processor.next("サンプルデータ")); // { value: "完了しました", done: false }
console.log(processor.next()); // { value: undefined, done: true }

// 非同期ジェネレーターの例
async function* asyncGenerator() {
    for (let i = 1; i <= 3; i++) {
        await new Promise((resolve) => setTimeout(resolve, 1000)); // 1秒待機
        yield i;
    }
}

// 使用例
(async () => {
    for await (const num of asyncGenerator()) {
        console.log(num); // 1, 2, 3 (1秒間隔で出力)
    }
})();

// ジェネレーターの委譲
function* subGenerator() {
    yield "A";
    yield "B";
}

function* mainGenerator() {
    yield* subGenerator(); // サブジェネレーターに委譲
    yield "C";
}

// 使用例
for (const value of mainGenerator()) {
    console.log(value); // "A", "B", "C"
}

// ページネーションの例
function* paginate(array, size) {
    for (let i = 0; i < array.length; i += size) {
        yield array.slice(i, i + size); // 指定サイズごとにデータを返す
    }
}

// 使用例
const data = [1, 2, 3, 4, 5, 6];
for (const page of paginate(data, 2)) {
    console.log(page); // [1, 2], [3, 4], [5, 6]
}