Diga por ejemplo yo el siguiente valor decimal:
let myDecimal = 117.049701384;
Quiero mostrarle al usuario 117.05 pero sin cambiar el valor preciso original anterior.
Básicamente, lo que quiero es imitar el comportamiento de Excel con decimales, donde muestra un número con dos decimales pero contiene todos los decimales para operaciones matemáticas.
La razón por la que quiero hacer esto es porque quiero mantener la interfaz de usuario limpia de grandes números decimales, pero también mantener las operaciones matemáticas que tengo que realizar con la mayor precisión posible. Supongo que puedo duplicar variables, pero eso suena engorroso y tedioso.
¿Es eso posible en Javascript?
Estoy usando Javascript y VueJS 2.x en esta aplicación.
Gracias por adelantado.
Por supuesto, puede usar el método toFixed() .
Por ejemplo:
let myDecimal = 117.049701384; console.log(myDecimal.toFixed(2)); // 117.05use esto donde devuelve el valor mydecimal para la interfaz de usuario
mydecimal.tofixed(2)
¿Algo como esto?
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>