HOWTO · JavaScript
Formatear un decimal en JavaScript
Este artículo lo ayudará a comprender cómo formatear un decimal usando 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"
