En este artículo, discutiremos sobre el formato de números con comas en JavaScript. A veces, necesitamos formatear un número con comas en la página HTML para que sea fácil de leer. Usando JavaScript, podemos transformar un número en un valor separado por comas. Aquí, discutiremos las formas de hacer lo mismo.
La primera forma de formatear números con comas es usar el toLocaleString() método.
Usando el método toLocaleString()
El javascript toLocaleString() El método se utiliza para convertir los elementos de la matriz dada en una cadena, y estas cadenas están separadas por una coma ','. podemos pasar el 'en-US' como parámetro para que el método tome el formato del idioma inglés y de Estados Unidos y represente los números con una coma entre los miles.
cuadro de alerta de javascript
Ahora, comprendamos el método mediante un ejemplo.
Ejemplo
En este ejemplo estamos usando el toLocaleString() para formatear los números separados por comas. Aquí, estamos formateando dos números, uno es de tipo entero y otro es de punto flotante. Después de hacer clic en el botón indicado, los números indicados se formatearán con comas. Los números se separarán con comas en los miles de lugares.
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); } Pruébalo ahora Producción
patrón de diseño del constructor
Después de la ejecución del código anterior, el resultado será:
Después de hacer clic en el botón indicado, el resultado será:
ejemplo de formato json
Eso es todo por este tutorial. En este artículo, analizamos tres formas de formatear un número con comas en JavaScript. Espero que este artículo le resulte informativo y beneficioso para comprender las formas de formatear números con comas en JavaScript.