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:
MapSetArray
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):
| Map | Objeto | |
|---|---|---|
| Sintaxis de llamada | map.keys() |
Object.keys(obj), pero no obj.keys() |
| Devuelve | iterable | un Array “real” |
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
}Al igual que un bucle for..in, estos métodos ignoran propiedades que utilizan Symbol(...) como nombre de propiedades.
Normalmente, esto es conveniente. Pero si también queremos propiedades simbólicas, entonces hay un método aparte Object.getOwnPropertySymbols que devuelve un array de únicamente propiedades simbólicas. También existe un método Reflect.ownKeys(obj) que devuelve todas las propiedades.
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:
- Use
Object.entries(obj)para obtener un array de pares clave/valor deobj. - Use métodos de array en ese array, por ejemplo
mappara transformar estos pares clave/valor. - 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); // 8Puede 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.