Introducción
En este laboratorio, exploraremos cómo renombrar las claves de un objeto en JavaScript. El laboratorio cubrirá cómo usar Object.keys() y Array.prototype.reduce() en combinación con el operador de propagación para obtener las claves de un objeto y renombrarlas de acuerdo con un mapeo proporcionado. Al final del laboratorio, tendrás una comprensión sólida de cómo renombrar efectivamente las claves de un objeto en tu código JavaScript.
Cómo renombrar las claves de un objeto en JavaScript
Para renombrar múltiples claves de un objeto con los valores proporcionados, puedes usar la función renameKeys. Aquí están los pasos que debes seguir:
- Abre la Terminal/SSH y escribe
nodepara comenzar a practicar la codificación. - Utiliza
Object.keys()en combinación conArray.prototype.reduce()y el operador de propagación (...) para obtener las claves del objeto y renombrarlas de acuerdo conkeysMap. - Pasa
keysMapy el objeto (obj) como argumentos a la funciónrenameKeys. - La función
renameKeysdevuelve un nuevo objeto con las claves renombradas.
Aquí hay un ejemplo de cómo usar la función renameKeys:
const renameKeys = (keysMap, obj) =>
Object.keys(obj).reduce(
(acc, key) => ({
...acc,
...{ [keysMap[key] || key]: obj[key] }
}),
{}
);
const obj = { name: "Bobo", job: "Front-End Master", shoeSize: 100 };
renameKeys({ name: "firstName", job: "passion" }, obj);
// { firstName: 'Bobo', passion: 'Front-End Master', shoeSize: 100 }
Resumen
¡Felicidades! Has completado el laboratorio de Renombrar Claves de Objeto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.