has dicho

¿Por qué muestra un objeto vacío pero aún puede iterar?

en el titulo pero

Me estoy confundiendo cuando intento consolar arr.keys() , me muestra undefined

en la pregunta Esas son cosas muy diferentes. Te muestra un objeto vacío, no undefined .

Cuando observa el iterador de keys , no tiene propiedades ni métodos propios, los hereda todos de su prototipo. Entonces, si la consola que está usando muestra solo las propiedades propias del objeto (como lo hace la consola Stack Snippets), se verá como un objeto vacío.

Pero todavía tiene estado (simplemente no estado almacenado como propiedades "propias"), y todavía tiene los métodos que se espera que tenga un iterador (los hereda de su prototipo). Entonces cumple con la "interfaz" de un iterador y funciona con for-of .

Aquí hay un ejemplo de un iterador que funciona de la misma manera. No es así como se define el iterador de matriz (aunque no está a un millón de millas de distancia), es solo un ejemplo de un iterador sin propiedades o métodos "propios" que, sin embargo, es un iterador:

 function* iteratorForKeys(array) { for (let i = 0; i < array.length; ++i) { yield i; } } let keys = iteratorForKeys(["a", "b", "c"]); console.log(keys); // Empty object if you ignore the prototype console.log(Object.getOwnPropertyNames(keys).length); // 0 console.log(Object.getOwnPropertySymbols(keys).length); // 0 console.log("Key values:"); for (const key of keys) { console.log(key); }

no muestra indefinido muestra

Objeto [Iterador de matriz] {}, no está indefinido, pero es un objeto iterador cuando haces arr.keys() simplemente hace un iterador de claves [0,1,2], en el caso de matrices de cadenas o enteros simples, el índice funciona como llaves por ejemplo

 const array = [34,45,67,89] console.log(array[2]) // will print 67 as in current array at key 2 position it contains 67 value

si desea imprimir claves en lugar de un objeto iterador, puede usar este ejemplo de código

 let arr = [1,2,4] let key = arr.keys(); console.log(key); // will print iterator object ie Object [Array Iterator] {} console.log([...key]) //shows [0,1,2], iterator is converted to simple array which you can print