Creación de un objeto iterable en JavaScript

Vamos a crear un verdadero objeto iterable que pueda ser recorrido mediante el ciclo for-of. Para ello, el objeto necesita agregar la función correspondiente en Symbol.iterator.

Implementémoslo. Supongamos que tenemos el siguiente objeto:

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

Agreguemos la función a Symbol.iterator:

obj[Symbol.iterator] = function() {

}

Convirtamos esta función en un generador:

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

}

Dentro de nuestra función this hará referencia al propio objeto:

obj[Symbol.iterator] = function *() {
	console.log(this); // el propio objeto
}

Ejecutemos la iteración del objeto en el iterador:

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

Listo, el objeto se puede recorrer con el ciclo for-of:

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

Crea un objeto que se pueda recorrer con el ciclo for-of. Que en el elemento del ciclo llegue un objeto, en cuya clave key esté la clave del objeto que se itera, y en la clave val - el valor. Ejemplo:

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

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

Mostrará:

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