Tengo la siguiente matriz de objetos que quiero cambiar su estructura, estoy tratando de usar reduce para obtener un nuevo objeto con elementos que tienen el mismo grupo.
const arr = [{id: 'c8c443', group: 'a', equipment: 'ball'}, {id: 'c84445', group: 'a', equipment: 'ball'}, {id: 'c8c655', group: 'b', equipment: 'basketball'}, {id: 'c8c634', group: 'b', equipment: 'basketball'}] const newArr = arr.reduce( (obj: any, value: any, i) => [ ...obj, { group: value.map((el: any) => el.group), items: value.map((el: any) => el.equipment), }, ], [] ); // Results [{group: 'a', items: ['ball','ball']}, {group: 'b', items: ['basketball','basketball']}]Aquí hay un ejemplo:
const arr = [{id: 'c8c443', group: 'a', equipment: 'ball'}, {id: 'c84445', group: 'a', equipment: 'ball'}, {id: 'c8c655', group: 'b', equipment: 'basketball'}, {id: 'c8c634', group: 'b', equipment: 'basketball'}] const newArr = arr.reduce((acc, item) => { if (acc.some(key => key.group === item.group)) { acc = acc.map(i => i.group === item.group ? {...i, items: [...i.items, item.equipment]} : i) } else { acc.push({ group: item.group, items: [item.equipment] }) } return acc }, []) console.log(newArr)