Formatear un decimal en JavaScript

Shiv Yadav 12 octubre 2023
  1. Use el método toString() para formatear un decimal en JavaScript
  2. Use el método toFixed() para formatear un decimal en JavaScript
  3. Utilice el método toLocaleString() para dar formato a un decimal en JavaScript
Formatear 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>

Ejecutar código

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>

Ejecutar código

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>

Ejecutar código

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'));

Ejecutar código

Producción :

"4,534,289.764"
"45,34,289.764"
Autor: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

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

Artículo relacionado - JavaScript Format