Estoy buscando reducir los elementos de la matriz a un objeto con la misma clave (id).
Intento usar Array.reduce , pero no puedo reducir los mismos elementos de identificación.
En realidad, no entiendo completamente el mecanismo de Array.reduce ... :(
Alguien puede ayudarme?
const arr = [{id: 1, value: 1, key: 'email'}, {id: 1, value: 1, key: 'status'}, {id: 2, value: 2, key: 'email'}, {id: 2, value: 2, key: 'status'}]; // EXPECTED const arr = [{id: 1, data: {'email': 1, 'status': 1}}, {id: 2, data: {'email': 2, 'status': 2}}]; // WHAT I DO const result = arr.reduce((acc, cur)=>{ const {id, key, value} = cur; acc.forEach(el => { if (el.id === id) { el.data[key] = value; } }) acc = [...acc, {'id': id, 'data': { [key]: value }}]; return acc }, []) // WHAT I GET [ { id: 1, data: { email: 1, status: 1 } }, { id: 1, data: { status: 1 } }, { id: 2, data: { email: 2, status: 2 } }, { id: 2, data: { status: 2 } } ]prueba este
const arr = [{id: 1, value: 1, key: 'email'}, {id: 1, value: 1, key: 'status'}, {id: 2, value: 2, key: 'email'}, {id: 2, value: 2, key: 'status'}]; const result = arr.reduce((acc, {id, key, value}) => { const entry = acc.find(i => i.id === id); if (!entry) { acc.push({ id, data: { [key]: value } }); } else { entry.data[key] = value; } return acc; }, []); console.log(result);Puede usar Array.prototype.reduce() de esta manera,
Agrúpelos por id como un objeto y luego use Object.values() para obtener la matriz que desea:
const arr = [ {id: 1, value: 1, key: 'email'}, {id: 1, value: 1, key: 'status'}, {id: 2, value: 2, key: 'email'}, {id: 2, value: 2, key: 'status'} ]; const arr2 = [ {id: 1, data: {'email': 1, 'status': 1}}, {id: 2, data: {'email': 2, 'status': 2}} ]; const res = Object.values(arr.reduce((acc, curr) => { if(!acc[curr.id]) { acc[curr.id] = { id: curr.id, data: { [curr.key]: curr.value } } } else { acc[curr.id].data = { ...acc[curr.id].data, [curr.key]: curr.value } } return acc; }, {})); console.log(res);