Tengo una matriz existente de objetos que comparten un type de propiedad titulado así
[ { id: 1, name: 'a', type: 'foo', },{ id: 2, name: 'b', type: 'bar', },{ id: 3, name: 'c', type: 'fizz', },{ id: 4, name: 'd', type: 'foo', }, ] Necesito poder estructurar una nueva matriz de objetos con los existentes agrupados por type como este
[ { type: 'foo', groups: [ { id: 1, name: 'a', type: 'foo', },{ id: 4, name: 'd', type: 'foo', }, ] },{ type: 'bar', groups: [ { id: 2, name: 'b', type: 'bar', } ] },{ type: 'fizz', groups: [ { id: 3, name: 'c', type: 'fizz', } ] } ]esto es lo que tengo hasta ahora, pero no puedo crear la nueva matriz y organizar los objetos por tipo, solo puedo tomar el tipo en sí, ¡cualquier ayuda sería muy apreciada!
Observable.value.map(objects => { typesArr = [...new Set(objects.data.map(object => object.type))]; }); /// output = ['foo', 'bar', 'fizz']Reduzca la matriz a un mapa, utilizando el type como clave. Use Array.from() para convertir el iterador de valores del mapa en una matriz:
const arr = [{"id":1,"name":"a","type":"foo"},{"id":2,"name":"b","type":"bar"},{"id":3,"name":"c","type":"fizz"},{"id":4,"name":"d","type":"foo"}] const result = Array.from(arr.reduce((acc, o) => { const type = o.type if(!acc.has(type)) acc.set(type, { type, groups: [] }) acc.get(type).groups.push(o) return acc }, new Map()).values()) console.log(result)Para hacer que TS deduzca el tipo de la matriz agrupada, deduzca el tipo de un elemento de la matriz original y utilícelo para establecer el tipo del mapa (patio de juegos de TS ):
const arr = [{"id":1,"name":"a","type":"foo"},{"id":2,"name":"b","type":"bar"},{"id":3,"name":"c","type":"fizz"},{"id":4,"name":"d","type":"foo"}] type Item = (typeof arr)[0] const result = Array.from(arr.reduce((acc, o) => { const type = o.type if(!acc.has(type)) acc.set(type, { type, groups: [] }) acc.get(type)!.groups.push(o) return acc }, new Map<string, { type: Item['type'], groups: Item[] }>()).values()) console.log(result) Otra opción es reducir la matriz a un mapa de grupos [type, object] y luego usar Array.from() para convertir las entradas del mapa al formato requerido ( TS playground ):
const arr = [{"id":1,"name":"a","type":"foo"},{"id":2,"name":"b","type":"bar"},{"id":3,"name":"c","type":"fizz"},{"id":4,"name":"d","type":"foo"}] const result = Array.from( arr.reduce((acc, o) => { const type = o.type if(!acc.has(type)) acc.set(type, []) acc.get(type).push(o) return acc }, new Map()), ([type, groups]) => ({ type, groups }) ) console.log(result)