Estoy tratando de armar un objeto donde se cubrió parte de esta información.
const tests = [ { id: 1, name: 'taro', designId: 1, designName: 'design1' }, { id: 1, name: 'taro', designId: 2, designName: 'design2' }, { id: 2, name: 'Bob', designId: 3, designName: 'design3' }, { id: 2, name: 'Bob', designId: 4, designName: 'design4' }, ];Quiero establecer las siguientes expectativas.
result = [ { id: 1, name: 'taro', designs: [ { designId: 1, designName: 'design1' }, { designId: 2, designName: 'design2' } ] }, { id: 2, name: 'Bob', designs: [ { designId: 3, designName: 'design3' }, { designId: 4, designName: 'design4' } ] } ]Intenté usar lodash groupby como algo que probé, pero tengo problemas porque no puedo deshacerme de las propiedades adicionales.
const result = _.chain(tests) .groupBy('id') .map((value, key) => ({ id: key, designs: value })) .value();Cuando asigne los grupos, asigne el value y omita la id y el name de cada grupo:
const tests = [{"id":1,"name":"taro","designId":1,"designName":"design1"},{"id":1,"name":"taro","designId":2,"designName":"design2"}]; const result = _(tests) .groupBy('id') .map((value, id) => ({ id, name: value[0].name, designs: value.map(o => _.omit(o, ['id', 'name'])) })) .value(); console.log(result); <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>Puedes hacer esto usando reduce y un poco de descomposición de objetos:
const tests = [ { id: 1, name: 'taro', designId: 1, designName: 'design1' }, { id: 1, name: 'taro', designId: 2, designName: 'design2' }, ]; const result = Object.values(tests.reduce( (acc, {id,name,...rest}) => { if(!acc[id]) acc[id] = {id,name,designs:[]}; acc[id].designs.push( {...rest} ) return acc; },{})) console.log(result);Puede lograr fácilmente el resultado usando for..of loop
const tests = [ { id: 1, name: "taro", designId: 1, designName: "design1", }, { id: 1, name: "taro", designId: 2, designName: "design2", }, ]; let result = {}; for (let { id, name, ...rest } of tests) { result.id ? result.designs.push(rest) : (result = { id, name, designs: [rest] }); } console.log(result); /* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */ .as-console-wrapper { max-height: 100% !important; top: 0; }