Tengo una serie de mensajes que son como los siguientes:
[ { message: 'This is message', to: 4, from: 1}, { message: 'This is response message', to: 1, from: 4 }, { message: 'This is ANOTHER message with different sender', to: 1, from: 2 }, { message: 'This is RESPONSE message to different sender', to: 2, from: 1 }, ] Tengo todos los mensajes, pero no están agrupados por la conversación de usuario a usuario. Lo que quiero es agrupar los mensajes (dentro de una matriz) to y from .
¿Cómo puedo lograr el siguiente resultado:
[ [ { message: 'This is message', to: 4, from: 1}, { message: 'This is response message', to: 1, from: 4 }, ], [ { message: 'This is ANOTHER message with different sender', to: 1, from: 2 }, { message: 'This is RESPONSE message to different sender', to: 2, from: 1 } ], ]En breve:
La estructura actual es
// Individually structured messages [message, message, message, message]Resultado deseado:
// Grouped by user-to-user conversation // [[Conversation1], [Conversation2]] [[message, message], [message,message]] Intenté usar lodash con return this._.values(this._.groupBy(this.messages, 'to')) , pero como necesito agruparlos según dos criterios, no logré encontrar el lógica.
Implementación de Javascript con Array.reduce y Array.find
const messages = [ { message: 'This is message', to: 4, from: 1}, { message: 'This is response message', to: 1, from: 4 }, { message: 'This is ANOTHER message with different sender', to: 1, from: 2 }, { message: 'This is RESPONSE message to different sender', to: 2, from: 1 }, ]; const groupedMessage = messages.reduce((acc, curr) => { const node = acc.find(item => item.find((msg) => (msg.from === curr.to && msg.to === curr.from) || (msg.from === curr.from && msg.to === curr.to))); node ? node.push(curr) : acc.push([curr]); return acc; }, []); console.log(groupedMessage);