¿Cuál es la mejor manera de convertir,
{ "columns":[ "name", "color" ], "values":[ [ "lion", "yellow" ], [ "crow", "black" ] ] }dentro
{ "data":[ { "name":"lion", "color":"yellow" }, { "name":"crow", "color":"black" } ] }En lugar de bucle, ¿hay alguna función disponible? ¿Puedo lograrlo a través de algo como extend() ?
Puede usar Object.assign con sintaxis extendida ... para las partes.
var object = { columns: ["name", "color"], values: [["lion", "yellow"], ["crow", "black"]] }, result = { data: object.values.map(v => Object.assign(...object.columns.map((c, i) => ({[c]: v[i]})))) }; console.log(result); .as-console-wrapper { max-height: 100% !important; top: 0; }Puedes hacerlo con una combinación de mapa y reducción. La reducción de la matriz de columnas original permitirá que el código funcione con cualquier número de columnas, recogerá el valor correspondiente por índice:
const result = {data: data.values.map(el => { return data.columns.reduce((prev, curr, index) => { prev[curr] = el[index] return prev }, {}) })}Compruebe la demostración a continuación.
const data = { "columns":[ "name", "color" ], "values":[ [ "lion", "yellow" ], [ "crow", "black" ] ] } const result = {data: data.values.map(el => { return data.columns.reduce((prev, curr, index) => { prev[curr] = el[index] return prev }, {}) })} console.log(result)Puede obtener valores de la matriz .columns utilizando la asignación de desestructuración, el elemento de propagación; bucle for..of para asignar propiedades calculadas de la matriz .columns como cadenas como propiedades de los objetos en la matriz de data al iterar la propiedad .values del objeto original, asignar el valor de cada matriz como valor del objeto creado
let obj = { "columns":[ "name", "color" ], "values":[ [ "lion", "yellow" ], [ "crow", "black" ] ] } let [res, key, value] = [{data:Array()}, ...obj.columns]; for (let [a, b] of [...obj.values]) res.data.push({[key]:a, [value]:b}); console.log(res);