Desenrollar Arrays de Objetos en JavaScript

Beginner

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

Introducción

En este laboratorio, exploraremos la función unwind en JavaScript. El propósito de esta función es producir una matriz de objetos a partir de un objeto y una de sus propiedades con valores de matriz. Al usar la extracción de objetos y Array.prototype.map(), podemos crear una matriz de objetos donde cada objeto contiene los valores del objeto original, excepto la clave especificada que se mapea a sus valores individuales. A través de este laboratorio, obtendremos una comprensión más profunda de cómo manipular y extraer datos de objetos en JavaScript.

Función para Desenrollar Objeto

Para desenrollar un objeto por su propiedad con valores de matriz, use la función unwind.

  • Para comenzar a codificar, abra la Terminal/SSH y escriba node.
  • La función utiliza la extracción de objetos para excluir el par clave-valor para la key especificada del objeto.
  • Luego, utiliza Array.prototype.map() para los valores de la key dada para crear una matriz de objetos.
  • Cada objeto contiene los valores del objeto original, excepto key que se mapea a sus valores individuales.
const unwind = (key, obj) => {
  const { [key]: _, ...rest } = obj;
  return obj[key].map((val) => ({ ...rest, [key]: val }));
};

Uso de ejemplo:

unwind("b", { a: true, b: [1, 2] }); // [{ a: true, b: 1 }, { a: true, b: 2 }]

Resumen

¡Felicitaciones! Has completado el laboratorio de Desenrollar Objeto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.