Cómo agregar comas al número en JavaScript
En la computación, el formato de un número es un jugador clave para representar grandes números. En consecuencia, este proceso mejora la legibilidad de los usuarios. JavaScript ofrece una variedad de métodos para lidiar con el formato de número. Por ejemplo, el TOLOCALECRING () y Intl.Formato numérico() Se pueden usar métodos para agregar comas. Además, el expresiones regulares También se puede utilizar para agregar comas en un lugar específico en un número. Esta publicación proporciona una demostración detallada de todos los métodos posibles para agregar comas a los números en JavaScript.
Método 1: Método TOLOCALECRING () para agregar comas a un número en JavaScript
El TOLOCALECRING () se emplea para localizar el número con el formato de un país específico. Por defecto, sigue el formato de EE. UU. Para mostrar un número. Convierte el número "aprobado" en una cadena separada por comas. El trabajo del TOLOCALECRING () El método se puede describir mediante la siguiente sintaxis:
Código
consola.Log ("Ejemplo para agregar coma al número");
const num = 456563453;
const out = num.tolocalEstring ();
consola.cerrar sesión);
En este código:
- Una variable "Número"Se utiliza para almacenar el número"456563453".
- Después de eso, el método tolocaleString () se emplea para agregar una coma al número y almacenarla en el "afuera" variable.
- Al final, el "registro()El método se utiliza para mostrar un número en la ventana de la consola.
Producción
La salida muestra que el número de entrada está separado por comas.
Método 2: Uso de Regex para agregar comas a un número
Otro método se implementa con un expresión regular que divide la cuerda en miles de segmentos. Las expresiones regex "/\B(?= (\ d 3)+(?!\ d))/g " Busca el dígito múltiplo de tres y coloca una coma a dígito. Por ejemplo, el código se proporciona aquí.
Código
consola.Log ("Ejemplo para agregar coma al número");
Sea n1 = diversión (234234.555);
Sea n2 = diversión (-89834874);
función divertida (num)
numer.Encadenar().reemplazar (/\ b (?= (\ d 3)+(?!\ d))/g, ',');
consola.log (n1);
consola.log (n2);
La descripción del código es la siguiente:
- Una función personalizada "divertido()" se llama pasar los números "234234.555 " y "-89834874".
- En esto divertido() Método, un regex "/\B(?= (\ d 3)+(?!\ d))/g " se usa para que coincida con el grupo de tres dígitos.
- Después de eso, devuelve un número colocando una coma utilizando el segundo argumento "," del reemplazar() método.
- Por lo tanto, la "Número.Encadenar()" extrae el número y lo reemplaza después de aplicar una coma.
- Por último, las variables actualizadas se imprimen en la consola.
Producción
La salida muestra que "234234.555 " y "-89834874" se convierten en "234,234.555 " y "-89,834,874" respectivamente.
Método 3: Uso de INTL.Método NumberFormat () para agregar comas a un número
El "Intl.Formato numérico" El método transforma un número especificando el número y la región, como 'En-in' Especifica el número "6,34,434", y 'En-GB' se refiere a "454,234". El código es el siguiente al considerar el 'en-us' método mencionado anteriormente.
Sintaxis
Nuevo INTL.NumberFormat (locales, opciones)
Los parámetros se describen de la siguiente manera:
- lugareño: especifica el idioma y la región.
- opción: se refiere a la configuración de cómo se formatean el número en una cadena (opcional).
Código
consola.Log ("Ejemplo para agregar coma al número");
const num = 57484;
const numfor = intl.NumberFormat ('en-us');
const new_for = numfor.formato (num);
consola.log (new_for)
La descripción del código se explica aquí:
- En primer lugar, un "NUM" Se utiliza la variable para almacenar el número "57484".
- Después de eso, el "Intl.Formato numérico()" se emplea aceptando el idioma y la región como "En-Us".
- Este método formatea un número según el "En-Us"
- Después de eso, el "formato()" El método devuelve una cadena formateada basada en el argumento "NUM".
- Al final, el "consola.registro()" se emplea el método para mostrar el número a través del "New_For" variable.
Producción
La salida muestra que "57484" se convierte en "57,484" Después de agregar comas.
Conclusión
JavaScript proporciona TOLOCALECRING (), regular, y Intl.Formato numérico() Métodos para agregar comas a los números. El TOLOCALECRING () localiza el número especificando el formato de un país para colocar comas. El regular Busca el múltiplo dígito de tres y coloca una coma después del dígito. El "Intl.Formato numérico" El método devuelve un número colocando una coma después de la "En-Us" formato. Por lo tanto, ha aprendido a agregar comas a los números con la ayuda de numerosos ejemplos.