Tengo la siguiente matriz de objetos:
[ { "id": 1, "price": 22, "from": "00:00:00", "to": "02:00:00" }, { "id": 1, "price": 23, "from": "02:00:00", "to": "04:00:00" }, { "id": 2, "price": 10, "from": "04:00:00", "to": "1.00:00:00" } ]Necesito reestructurarlo, por lo que combina los objetos por ID y crea una nueva matriz anidada de objetos:
[ { "id": 1, "prices": [ { "price": 22, "from": "00:00:00", "to": "02:00:00" }, { "price": 23, "from": "02:00:00", "to": "04:00:00" }, ] } { "id": 2, "prices": [ { "price": 10, "from": "04:00:00", "to": "1.00:00:00" } ] } ]¿Hay una manera simple de hacer esto? Me estoy perdiendo en split, forEach y maps. Gracias.
Una forma es utilizar un Map para recopilar los precios por identificación. Primero asocie una lista de precios vacía para cada ID, luego itere los datos para completar esos arreglos y finalmente extraiga los valores del Map para obtener el resultado:
const data = [{"id": 1,"price": 22,"from": "00:00:00","to": "02:00:00"},{"id": 1,"price": 23,"from": "02:00:00","to": "04:00:00"},{"id": 2,"price": 10,"from": "04:00:00","to": "1.00:00:00"}]; const map = new Map(data.map(({id}) => [id, { id, prices: [] }])); for (const {id, ...rest} of data) map.get(id).prices.push(rest); const result = [...map.values()]; console.log(result);Sí, hay una manera fácil de usar reduce() .
const input = [ { id: 1, price: 22, from: "00:00:00", to: "02:00:00", }, { id: 1, price: 23, from: "02:00:00", to: "04:00:00", }, { id: 2, price: 10, from: "04:00:00", to: "1.00:00:00", }, ]; const output = input.reduce((nested, cur) => { const objWithoutId = (({id, ...o}) => o)(cur); if (!nested[cur.id]) { nested[cur.id] = { id: cur.id, prices: [objWithoutId] }; } else nested[cur.id].prices.push(objWithoutId); return nested; }, {}); console.log(Object.values(output)); .as-console-wrapper { max-height: 100% !important; top: 0; } Recorremos la entrada usando un objeto JavaScript. Para cada objeto verificamos su ID. Cuando no tenemos esa identificación almacenada en nuestro objeto, creamos un nuevo objeto que contiene la id y una matriz de prices , así como el valor actual (sin la propiedad de id ). Si ya hemos encontrado la misma id , solo necesitamos enviar el valor actual (sin la propiedad de id ) a la matriz ya existente.
Como solo tenemos un ciclo y las búsquedas toman O(1) tiempo, este algoritmo toma O(n) para dar un resultado válido.
Usando este one-liner
const objWithoutId = (({id, ...o}) => o)(cur); creamos un nuevo objeto que contiene todas las propiedades excepto id .
Más tarde, pero no menos importante, solo necesitamos obtener los valores del objeto JavaScript creado usando Object.values() . En lugar de un objeto de JavaScript, también podría usar un Map para realizar el algoritmo equivalente con las mismas propiedades de tiempo de ejecución.
Puede usar el método Array.reduce con Array.findIndex para convertir sus datos.
const data = [{ "id": 1, "price": 22, "from": "00:00:00", "to": "02:00:00" }, { "id": 1, "price": 23, "from": "02:00:00", "to": "04:00:00" }, { "id": 2, "price": 10, "from": "04:00:00", "to": "1.00:00:00" } ]; const transformedData = data.reduce((acc, item) => { const priceData = { price: item.price, to: item.to, from: item.from, }; const index = acc.findIndex(({ id }) => id === item.id); if (index === -1) { return [ ...acc, { id: item.id, prices: [ priceData ] }, ]; } else { acc[index].prices.push(priceData); return acc; } }, []); console.log(transformedData);