Say for example I the following decimal value:
let myDecimal = 117.049701384;
I want to show the user 117.05 but without changing the original precise value above.
Basically what I want is to mimic Excel behaviour with decimals, where it displays a number with two decimals but holds all the decimals for math operations.
The reason I want to do this is because I want to keep the UI clean of huge decimals numbers, but also keeping the math operations that I have to perform as precise as possible. I guess I can duplicate variables but that sounds cumbersome and tedious.
Is that posible in Javascript?
I am using Javascript and VueJS 2.x in this App.
Thanks in advance.
Of course, you can use method toFixed().
For example:
let myDecimal = 117.049701384;
console.log(myDecimal.toFixed(2)); // 117.05use this where you return the mydecimal value back for the ui
mydecimal.tofixed(2)
Something like this?
document.querySelectorAll("span[data-value]")
.forEach(span => span.textContent = (+span.dataset.value).toFixed(2)); // or the VUE equivalent<span data-value="117.049701384"></span><br/>
<span data-value="217.01384"></span>