Best practice for showcasing the output of an array in Javascript

Question

Best practice for showcasing the output of an array in Javascript

My variables are defined in an array like this:

const nbActions = 13;
const sdgValues = ['1', '2', '5', '6', '3', '0', '2', '0', '0', '6', '0', '0', '0', '1', '0', '0', '0'];

let sdg = [];
for (let i = 0; i < sdgValues.length; ++i) {
    sdg[i] = (sdgValues[i] / nbActions * 100).toPrecision(4);       
}

Now, I aim to show these values on dataSDGs using a loop without defining each sdg[x] individually:

const dataSDGs = {
   data: [
            sdg['0'],
            sdg['1'],
            sdg['2'],
            sdg['3'],
            ...
    ]
}

The objective is to utilize these values to create a chart using chart.js

javascript arrays ecmascript-6

Answer 1

Answer №1

If you want to achieve the same result without using a loop, you can try the following approach:

const numberOfActions = 13;
const sdgValues = ['1','2', '5', '6', '3','0','2','0','0','6','0','0','0','1','0','0','0'];

const dataSDGs = {
  data: sdgValues.map(
    sdg=>(sdg / numberOfActions * 100).toPrecision(4)
  )
}

console.log(
  dataSDGs  
);

Answer 2

If you want to achieve the same result without using a loop, you can try the following approach:

const numberOfActions = 13;
const sdgValues = ['1','2', '5', '6', '3','0','2','0','0','6','0','0','0','1','0','0','0'];

const dataSDGs = {
  data: sdgValues.map(
    sdg=>(sdg / numberOfActions * 100).toPrecision(4)
  )
}

console.log(
  dataSDGs  
);

Answer 3

Answer №2

    const totalActions = 13;
const goalsValues = ['1','2', '5', '6', '3','0','2','0','0','6','0','0','0','1','0','0','0'];


let progressValues = goalsValues.map((value)=>{
    return (value / totalActions * 100).toPrecision(4);   
})

var progressData = {};
progressData.data = progressValues;
console.log(progressData);

Answer 4

    const totalActions = 13;
const goalsValues = ['1','2', '5', '6', '3','0','2','0','0','6','0','0','0','1','0','0','0'];


let progressValues = goalsValues.map((value)=>{
    return (value / totalActions * 100).toPrecision(4);   
})

var progressData = {};
progressData.data = progressValues;
console.log(progressData);

Best practice for showcasing the output of an array in Javascript

Answer №1

Answer №2

Similar questions

What could be the reason why both the add and remove functions are unable to work simultaneously within a JavaScript function?

Data within AngularJS is bound when receiving an Ajax response in HTML

Access WordNet using JavaScript

Reinitializing the CanvasRenderingContext2D transform with resetTransform and harnessing the power

Switching Languages in react-simple-keyboard: Explained

Implementing useState to toggle the checked value of a checkbox in React

utilizing the entire string rather than just a portion

Is there a way to simulate pressing a keyboard button using jQuery?

Is it possible to merge JavaScript files exclusively using encore?

Turn off all VuetifyJS transitions

Executing code asynchronously and handling callbacks using Process.nextTick and Promise

Utilizing headless Chrome to automatically capture AJAX requests

Why is it that my jquery code seems to be struggling with calculating the count accurately?

Converting nested JSON structures from one format to another using JavaScript

When attempting to change the text in the textarea by selecting a different option from the dropdown list, the text is not updating

Headers can't be set after they have been sent. This issue arises when calling create(data,cb) function

Storing data from a massive JSON array into a separate array using a specific condition in JavaScript

Using jQuery to loop through a collection

How to retrieve a string from a regular expression in Javascript without [Object object] output

What could be causing the malfunction of this JavaScript dropdown select feature in Internet Explorer?