Introducción
En este laboratorio, aprenderemos cómo mapear un objeto a una matriz de objetos utilizando la función listify() en JavaScript. La función utiliza Object.entries() y Array.prototype.reduce() para mapear el objeto y mapFn para mapear las claves y valores del objeto. Al final de este laboratorio, serás capaz de mapear eficientemente objetos a matrices utilizando JavaScript.
Cómo mapear un objeto a una matriz en JavaScript
Para mapear un objeto a una matriz en JavaScript, puedes utilizar la función listify(). Aquí te muestra cómo hacerlo:
Abre la Terminal/SSH y escribe
nodepara comenzar a practicar la codificación.Utiliza
Object.entries()para obtener una matriz de pares clave-valor del objeto.Utiliza
Array.prototype.reduce()para mapear la matriz a un objeto.Utiliza
mapFnpara mapear las claves y valores del objeto yArray.prototype.push()para agregar los valores mapeados a la matriz.
Aquí está el código de la función listify():
const listify = (obj, mapFn) =>
Object.entries(obj).reduce((acc, [key, value]) => {
acc.push(mapFn(key, value));
return acc;
}, []);
Y aquí está un ejemplo de cómo utilizarla con un objeto llamado people:
const people = { John: { age: 42 }, Adam: { age: 39 } };
listify(people, (key, value) => ({ name: key, ...value }));
// [ { name: 'John', age: 42 }, { name: 'Adam', age: 39 } ]
Con esta función, puedes mapear fácilmente un objeto a una matriz en JavaScript.
Resumen
¡Felicidades! Has completado el laboratorio de Mapear un Objeto a una Matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.