Mapear un objeto a una matriz

Beginner

This tutorial is from open-source community. Access the source code

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:

  1. Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.

  2. Utiliza Object.entries() para obtener una matriz de pares clave-valor del objeto.

  3. Utiliza Array.prototype.reduce() para mapear la matriz a un objeto.

  4. Utiliza mapFn para mapear las claves y valores del objeto y Array.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.