0
233
VistasJS: transforma el encabezado y la matriz del cuerpo en json único
Quiero transformar 2 matrices en 1 objeto json final. La primera matriz contiene los datos del encabezado y la segunda el cuerpo. Cada fila del cuerpo debe estar asignada a una columna del encabezado. Esta imagen ilustra la entrada y la salida esperada:
Estoy usando 3 bucles anidados para asignar los datos. Las teclas funcionan, pero estoy atascado obteniendo los datos correctos porque de alguna manera solo se extraen los datos de la última fila del cuerpo.
Debe haber una cosa menor, me falta en mi código:
const header = ['A','B','C','D'] const body = [ ["A1","A2","A3","A4","A5","A6"], ["B1","B2","B3","B4","B5","B6"], ["C1","C2","C3","C4","C5","C6"], ["D1","D2","D3","D4","D5","D6"], ]; const json = []; for (let y = 0; y < body[0].length; y++) { const line = {}; for(const hl of header) { for(const bo of body) { line[hl] = bo[y]; } } json.push(line); } console.log(json);1 Respuestas
Responde la pregunta0
Diría que su intuición es correcta, pero siempre está reemplazando los valores de la columna con los valores de la última columna.
Además, al menos según entiendo su dibujo, desea una matriz de objetos, donde la clave es el encabezado y el valor es el valor correspondiente, es decir, entiendo que desea [{A:'A1', B: 'B1', C: 'C1', D: 'D1'}, …] y no [['A1', 'B1', 'C1', 'D1'], …] . ¿Correcto?
A continuación se muestra un enfoque que utiliza [].map() y [].reduce() , que, para mí (que estoy acostumbrado a este estilo de escritura, lo admito), deja mucho más claro lo que sucede:
const header = ['A','B','C','D'] const body = [ ["A1","A2","A3","A4","A5","A6"], ["B1","B2","B3","B4","B5","B6"], ["C1","C2","C3","C4","C5","C6"], ["D1","D2","D3","D4","D5","D6"], ]; console.log(body[0].map((_, row) => header.reduce((json, key, col) => ({ ...json, [key]: body[col][row] }), {})));