Oprettelse af itererbart objekt i JavaScript

Lad os oprette et rigtigt itererbart objekt, som kan gennemgås via løkken for-of. For at gøre dette skal objektet tilføje en tilsvarende funktion til Symbol.iterator.

Lad os implementere det. Antag, at vi har følgende objekt:

let obj = {
	a: 1,
	b: 2,
	c: 3,
};

Lad os tilføje en funktion til Symbol.iterator:

obj[Symbol.iterator] = function() {

}

Lad os omdanne denne funktion til en generator:

obj[Symbol.iterator] = function *() {

}

I vores funktion vil this referere til selve objektet:

obj[Symbol.iterator] = function *() {
	console.log(this); // selve objektet
}

Lad os gennemløbe objektet i iteratoren:

obj[Symbol.iterator] = function *() {
	for (let key in this) {
		yield obj[key];
	}
}

Det er alt, objektet kan nu gennemgås med løkken for-of:

for (let elem of obj) {
	console.log(elem); // 1, 2, 3
}

Opret et objekt, som kan gennemgås med løkken for-of. Lad elementet i løkken være et objekt, hvor nøglen key indeholder nøglen fra det itererbare objekt, og nøglen val indeholder værdien. Eksempel:

let obj = {a: 1, b: 2, c: 3};

for (let elem of obj) {
	console.log(elem);
}

Vil udskrive:

{key: 'a', val: 1}
{key: 'b', val: 2}
{key: 'c', val: 3}