Object.keys, values, entries

Alejémonos de las estructuras de datos individuales y hablemos sobre las iteraciones sobre ellas.

En el capítulo anterior vimos métodos map.keys(), map.values(), map.entries().

Estos métodos son genéricos, existe un acuerdo común para usarlos para estructuras de datos. Si alguna vez creamos una estructura de datos propia, también deberíamos implementarla.

Son compatibles para:

• Map
• Set
• Array

Los objetos simples también admiten métodos similares, pero la sintaxis es un poco diferente.

Object.keys, values, entries

Para objetos simples, los siguientes métodos están disponibles:

• Object.keys(obj) – devuelve un array de propiedades.
• Object.values(obj) – devuelve un array de valores.
• Object.entries(obj) – devuelve un array de pares [propiedad, valor].

Observe las diferencias (en comparación con Map, por ejemplo):

La primera diferencia es que tenemos que llamar Object.keys(obj), y no obj.keys().

¿Por qué? La razón principal es la flexibilidad. Recuerda que los objetos son la base de todas las estructuras complejas en JavaScript. Entonces, podemos tener un objeto propio como data que implementa su propio método data.values (): todavía podemos llamar a Object.values(data) en él.

La segunda diferencia es que los métodos Object.* devuelven objetos array “reales”, no solo un iterable. Eso es principalmente por razones históricas.

Por ejemplo:

let user = {
  name: "John",
  age: 30
};

• Object.keys(user) = ["name", "age"]
• Object.values(user) = ["John", 30]
• Object.entries(user) = [ ["name","John"], ["age",30] ]

Aquí hay un ejemplo del uso de Object.values para recorrer los valores de propiedad:

let user = {
  name: "John",
  age: 30
};

// bucle sobre los valores
for (let value of Object.values(user)) {
  alert(value); // John, luego 30
}

Transformando objetos

Los objetos carecen de muchos métodos que existen para los arrays, tales como map,filter y otros.

Si queremos aplicarlos, entonces podemos usar Object.entries seguido de Object.fromEntries:

1. Use Object.entries(obj) para obtener un array de pares clave/valor de obj.
2. Use métodos de array en ese array, por ejemplo map para transformar estos pares clave/valor.
3. Use Object.fromEntries(array) en el array resultante para convertirlo nuevamente en un objeto.

Por ejemplo, tenemos un objeto con precios y queremos duplicarlos:

let prices = {
  banana: 1,
  orange: 2,
  meat: 4,
};

let doublePrices = Object.fromEntries(
  // convertir precios a array, map - cada par clave/valor en otro par
  // y luego fromEntries nos devuelve el objeto
  Object.entries(prices).map(([key, value]) => [key, value * 2])
);

alert(doublePrices.meat); // 8

Puede parecer difícil a primera vista, pero se vuelve fácil de entender después de usarlo una o dos veces. Podemos hacer poderosas cadenas de transformaciones de esta manera.