Formatear un decimal en JavaScript
-
Use el método
toString()para formatear un decimal en JavaScript -
Use el método
toFixed()para formatear un decimal en JavaScript -
Utilice el método
toLocaleString()para dar formato a un decimal en JavaScript
Este artículo analizará cómo formatear los lugares de los números decimales usando JavaScript.
Para formatear un número con comas y lugares decimales en JavaScript, podemos usar Math.round() y split() para un número específico. Podemos usar los métodos toFixed(), toString() y toLocaleString() para formatear el número decimal.
Use el método toString() para formatear un decimal en JavaScript
El método toString() de JavaScript convierte números en cadenas y devuelve una cadena que representa el objeto Number especificado.
<!DOCTYPE html>
<html>
<body>
<script>
var numb = 45342.764;
var valu = Math.round(Number(numb) * 100) / 100;
var pts = valu.toString().split(".");
var num =
pts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") +
(pts[1] ? "." + pts[1] : "");
console.log(num);
</script>
</body>
</html>
La función .split() convierte fragmentos de la cadena en puntos específicos en componentes de matriz, que luego se fusionan nuevamente en una serie separada por comas.
Producción :
"45,342.76"
Incluso puedes usar el método toString() haciendo una función.
<script>
var numb = 45342.76;
function numbCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(numbCommas(numb));
</script>
Producción :
"45,342.76"
Use el método toFixed() para formatear un decimal en JavaScript
El método toFixed() en JavaScript da formato a un número con dos decimales. El método toFixed() formatea el número con el número especificado de dígitos a la derecha del punto decimal.
Produce una representación de cadena de un número con el número correcto de lugares decimales pero no usa notación científica.
<script>
var number1 = 45342.764; document.write("number1 is : " + number1.toFixed(2));
document.write("
<br /> ");
</script>
Producción :
number1 is: 45342.76
Utilice el método toLocaleString() para dar formato a un decimal en JavaScript
Asimismo, podemos usar el método toLocaleString() para separar números decimales con comas, que son diferentes para distintas localidades. Al igual que en-US separa los números con comas en cada 3 posiciones, mientras que hi-IN los separa en las primeras 3 posiciones y luego en cada 2 lugares.
let decNum = 4534289.764;
console.log(decNum.toLocaleString('en-US'));
console.log(decNum.toLocaleString('hi-IN'));
Producción :
"4,534,289.764"
"45,34,289.764"
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn