Quiero crear una matriz de objetos, y los primeros elementos de cada objeto de datos para ser un objeto separado, el segundo elemento de cada objeto de datos para ser otro objeto separado y así sucesivamente...
let array = [{ data: { center1: "1", storage1: "1", system1: "1", } }, { data: { center2: "2", storage2: "2", system2: "2", } } ]Resultado Esperado:
[ { center1: "1", center2: "2"}, { storage1: "1", storage2: "2"}, { system1: "1", system2: "2"} ]Y esto es lo que traté de hacer, pero no funciona muy bien :)
const rows = []; array.forEach((item, index) => { for (let key in item.data) { rows.push({index : key + ': ' + item.data[key]}); } });La salida es esta:
[ {index : 'center1: 1'}, {index : 'storage1: 1'}, {index : 'system1: 1'}, {index : 'center2: 2'}, {index : 'storage2: 2'}, {index : 'system2: 2'} ]¡Gracias por tu ayuda!
Esto será increíblemente frágil, porque el orden de las claves es irrelevante para el funcionamiento de los objetos JS, y la suposición de que "la primera clave en cada objeto es el mismo tipo de clave" es solo eso: una suposición. Entonces, lo primero que hay que arreglar sería hacer que todos esos objetos usen las mismas claves, no únicas, lo que hace que el "orden de claves" sea irrelevante.
Sin embargo, si esa no es una opción (y es casi seguro, pero si no lo es), entonces Object.entries convertirá cualquier objeto en una matriz de clave/valor, que luego puede usar para reestructurar estos datos:
let array = [{ data: { center1: "1", storage1: "1", system1: "1", } }, { data: { center2: "2", storage2: "2", system2: "2", } } ] const restructured = array.reduce((result, e) => { Object.entries(e.data).forEach(([key, val], pos) => { if (!result[pos]) result[pos] = {}; result[pos][key] = val; }); return result; }, []); console.log(restructured); let array = [{ data: { center1: "1", storage1: "1", system1: "1", } }, { data: { center2: "2", storage2: "2", system2: "2", } } ] const rows = []; array.forEach(item => { Object.keys(item.data).forEach( (dt, i) => { if ( ! rows[i] ) { rows.push({}); } rows[i][dt] = item.data[dt]; }); }); console.log(rows)Puede probar algo como esto, que probablemente esté optimizado (por supuesto, solo funcionará si todos los objetos tienen estrictamente la misma estructura):
const array = [ { data: { center1 : "1", storage1: "1", system1 : "1", } }, { data: { center2 : "2", storage2: "2", system2 : "2", } } ]; const finalArray = []; for (let i = 0; i < Object.keys(array[0].data).length; i++) { finalArray.push({}); array.forEach(arrayItem => { finalArray[i][Object.keys(arrayItem.data)[i]] = Object.values(arrayItem.data)[i] }); } console.log(finalArray)