Tengo una variedad de objetos dentro de los cuales tengo elementos y archivos adjuntos separados.
Comportamiento actual:
const data = { id: 1, name: 'Test', attachments: [ {id: 1, itemId: -1, attachmentName: 'hello.jpg'}, {id: 2, itemId: -1, attachmentName: 'world.jpg'}, {id: 3, itemId: 2, attachmentName: 'image.jpg'} ], items: [ {id: -1, itemName: 'Item One'}, {id: 2, itemName: 'Item Two'}, ] } console.log('data ', data); Aquí para mapear archivos adjuntos con elementos, tenemos itemId dentro de cada archivo adjunto que se mapeará con la id de cada elemento.
Resultado Esperado:
const data = { id: 1, name: 'Test', items: [ { id: -1, itemName: 'Item One', attachments: [ {id: 1, itemId: -1, attachmentName: 'hello.jpg'}, {id: 2, itemId: -1, attachmentName: 'world.jpg'} ] }, { id: 2, itemName: 'Item Two', attachements: [ {id: 3, itemId: 2, attachmentName: 'image.jpg'} ] }, ] }Cosas que he probado,
const results = data.attachments.reduce((results, item) => { (results[item.id] = results[item.id] || []).push(item); return results; }, {});Intenté agrupar cada archivo adjunto según la identificación, pero esto no funciona.
¿Alguien podría ayudar amablemente a lograr el resultado deseado?
Muchas gracias de antemano.
Puede crear un mapa con clave de itemId, con los objetos del elemento como valores correspondientes, donde cada objeto obtiene una matriz de attachments que inicialmente está vacía.
Luego itere los datos para llenar esas matrices de archivos adjuntos.
Finalmente obtenga los objetos del Mapa para construir el objeto final:
const data = {id: 1,name: 'Test',attachments: [{id: 1, itemId: -1, attachmentName: 'hello.jpg'},{id: 2, itemId: -1, attachmentName: 'world.jpg'},{id: 3, itemId: 2, attachmentName: 'image.jpg'}],items: [{id: -1, itemName: 'Item One'},{id: 2, itemName: 'Item One'},]} const {items, attachments, ...rest} = data; const map = new Map(items.map(item => [item.id, {...item, attachments: []}])); for (const attachment of attachments) { map.get(attachment.itemId).attachments.push(attachment); } const result = {...rest, items: [...map.values()]}; console.log(result);