Introducción
En este laboratorio, trabajaremos en un ejercicio de programación en JavaScript que se centra en mapear los valores de un objeto utilizando una función proporcionada. El propósito de este ejercicio es ayudarte a comprender mejor cómo utilizar Object.keys() y Array.prototype.reduce() para crear un nuevo objeto con las mismas claves y valores mapeados. Al final de este laboratorio, serás capaz de aplicar este conocimiento para resolver problemas más complejos en tus propios proyectos.
Función para mapear valores de objeto
Para mapear los valores de un objeto utilizando una función proporcionada para generar un nuevo objeto con las mismas claves, siga estos pasos:
- Abra la Terminal/SSH y escriba
nodepara comenzar a practicar la codificación. - Utilice
Object.keys()para iterar sobre las claves del objeto. - Utilice
Array.prototype.reduce()para crear un nuevo objeto con las mismas claves y valores mapeados utilizando la funciónfnproporcionada. - El código siguiente demuestra la implementación de la función
mapValues.
const mapValues = (obj, fn) =>
Object.keys(obj).reduce((acc, k) => {
acc[k] = fn(obj[k], k, obj);
return acc;
}, {});
A continuación, se muestra un ejemplo de uso de la función mapValues:
const users = {
fred: { user: "fred", age: 40 },
pebbles: { user: "pebbles", age: 1 }
};
mapValues(users, (u) => u.age); // { fred: 40, pebbles: 1 }
Resumen
¡Felicidades! Has completado el laboratorio de Mapeo de Valores de Objeto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.