Tengo esta función en la que creo un objeto const dataObj para usar en la función, con las labels y los valuesX pasados.
function drawChart(labels, values0, values1, values2, ...many more objects) { const dataObj = { labels: labels, datasets: [ { fill: false, label: "temp0", backgroundColor: 'red', borderColor: 'red', data: values0 }, { fill: false, label: "temp1", backgroundColor: 'purple', borderColor: 'purple', data: values1 }, { fill: false, label: "temp2", backgroundColor: 'yellow', borderColor: 'yellow', data: values2 }, ...many more objects } } ...not meaningful code } ¿Hay alguna manera de crear dataObj con lógica dentro de la función en lugar de crear todos los objetos literalmente uno por uno con un bucle for o similar? Mi problema surge cuando necesito referirme a los respectivos argumentos valueX en la lógica para crear los objetos con lógica.
Mi enfoque es crear funciones que generen los objetos, pero mi problema surge cuando necesito referirme al argumento con lógica. Revisa el comentario //PROBLEM HERE
function getDatasetArray(values0, values1, values2, values3, values4, values5, values6, values7, values8, values9, values10, values11) { const datasets = []; const colors = []; const lables = []; for(let i = 0; i < 12; i++) { const obj = { fill: false, label: lables[i], backgroundColor: colors[i], borderColor: colors[i], data: values0 // PROBLEM HERE } datasets.push(obj); } return datasets; }puede actualizar su getDatasetArray como
const getDatasetArray = (...values) => { // take values using es6-spread const datasets = []; const colors = []; const lables = []; for (let i = 0; i < values.length; i++) { // iterate for values const obj = { fill: false, label: lables[i], backgroundColor: colors[i], borderColor: colors[i], data: values[i] // put value into data-key } datasets.push(obj); } return datasets; } y drawChart el gráfico como
function drawChart(labels, ...values) { //use spread here too // rest of your code }tome sus valores como una matriz.
function drawChart(labels, values) { // take values as array const dataObj = { labels: labels, datasets: [] } let colors = ["red", "purple", ...], i = 0; values.forEach(value => { let obj = { fill: false, label: "temp" + i, backgroundColor: color[i], borderColor: color[i], data: values[i] } dataObj.datasets.push(obj); i++; }); // ... }Debe pasar values como una matriz, ya que los argumentos no se pueden consumir con índices.
function drawChart(values) { // rest of code for(let i = 0; i < 12; i++) { const obj = { // .. data: values[i] // access i-th value here } datasets.push(obj); } // rest of code } Es una mala práctica pasar tantos argumentos a su función, ya que daría como resultado una calidad de código deficiente que es difícil de mantener . Además, el tipo de datos que representa cada argumento es el mismo, es decir, el value , por lo que debe agruparse en un objeto o aquí, en una matriz.