めちゃくちゃ簡素なJavaScriptのイテレータとジェネレータ説明

const book =[
	"hi",
	"jiro"
];

cosnt it = book.values();
console.log(it.next());
console.log(it.next());
console.log(it.next());

//実行結果
Object { value:"hi", done: false }
Object { value:"jiro", done: false }
Object { value:undefined, done: true }

//while文での実行
const book1 =[
	"hi",
	"taro"
];
cosnt it1 = book1.values();
let current = it1.next();
while(!current.done) {
	console.log(current.value);
	current = it.next();
}
Object { value:"hi", done: false }
Object { value:"taro", done: false }

class Log {
	constructor() {
		this.messages = [];
	}
	add(messages) {
		const now = Data.now();
		console.log(`ログ追加: ${message} (${now})`);
		this.messages.push({ message, timestamp: now })
	}
	[Symbol.iterator]() {
		//イテレータオブジェクトに変換して返す。
		return this.messages[Symbol.iterator]();
	}
}

const log = new Log();
log.add("海の監視初日。勤務開始");
setTimeout(function() {log.add("クジラを見た");}, 3*1000);
setTimeout(function() {log.add("船を見た");}, 7*1000);
setTimeout(function() {log.add("監視終了");}, 9*1000);
setTimeout(function() {
	cosole.log(`本日の業務報告 (${new Date()})`);
	for(let entry of log) {
		const data new Data(entry.timestamp);
		console.log(`${entry.message} (${date})`);
	}
}, 10*1000);

function* colors() {
	yield 'あか';
	yield 'あお';
}

//呼び出し側
const it = colors();
console.log(it.next());// { value: 'あか', done: false }
console.log(it.next());// { value: 'あお', done: false }
console.log(it.next());// { value: undefined, done: true }

function* itterrogate() {
	const name = yield "お名前は?";//最初のnextではyield手前で止まる。次のnextの時にyieldに引数を返してnameに代入される。
	const color = yield "お好きな色は何ですか?";//2回目のnextはyield手前まで止まる。3回目のnextでcolorに引数が代入される。
	return `${name}さんの好きな色は${color}だそうです。`;
}

const it itterrogate();
console.log(it.next());//{ value: 'お名前は?', done: false } ここでは引数を渡しても無視される。
console.log(it.next(めぐみ));//{ value: 'お好きな色な何ですか', done: false }
console.log(it.next(あお));//{ value: 'めぐみさんの好きな色はあおだそうです。', done: true }
console.log(it.next());//{ value: undefined, done: true }