Tengo una matriz con etiquetas.
columns = ["col1", "col2", "col3", "col4"]y miles de arreglos con valores
values = [ ['value1','value2','value3','value4'], ['value1','value2','value3','value4'], ['value1','value2','value3','value4'], // ... ]Quiero iterar los valores y crear una sola matriz con esta estructura:
result = [ { col1: "val1", col2: "val2", col3: "val3", col3: "val4" }, { col1: "val1", col2: "val2", col3: "val3", col3: "val4" }, { col1: "val1", col2: "val2", col3: "val3", col3: "val4" }, ]Intenté iterar ambos y devolver el objeto dinámicamente, pero sin éxito:
const columns = ["col1", "col2", "col3", "col4"]; const values = [ ['value1','value2','value3','value4'], ['value1','value2','value3','value4'], ['value1','value2','value3','value4'], ]; const lastArr = values.map((e) => columns.map((col) => { return { col: e[0] }; }) ); console.log(lastArr); // or manually const raw = values.map(e => columns.map(col => { return { col1: e[0], col2: e[1], col3: e[2], col4: e[3], } }) ); console.log(raw);Ninguno intenta devolver el resultado deseado.
Puedes usar Object.fromEntries , así:
const columns = ["col1", "col2", "col3"]; const values = [ [1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11, 12] ]; const result = values.map(row => Object.fromEntries(columns.map((col, i) => [col, row[i]] )) ) console.log(result);Sería más comprensible si sus ejemplos fueran más consistentes y los valores fueran un poco más distinguibles, pero esto debería funcionar.
values.map(v => Object.fromEntries(columns.map((c,i) => [c, v[i]])));La combinación de map y reduce puede ayudar aquí.
const lastArr = this.rawData.map((row) => { const colsMap = cols.map((col, index) => { return { [col]: row[index] }; }); return colsMap.reduce((acc, curr) => { ...acc, curr }, {}); });