JavaScript agregar comas al número

1. Use expresiones regulares para dar formato a números con comas en JavaScript
2. Utilice Intl.NumberFormat() para formatear el número con comas en JavaScript
3. Utilice toLocaleString() para formatear el número con comas en JavaScript

Este tutorial explica cómo podemos imprimir un número separado por comas en JavaScript.

Podemos usar tres métodos diferentes dependiendo de nuestro caso de uso y la velocidad / eficiencia requerida para procesar el número dado.

Use expresiones regulares para dar formato a números con comas en JavaScript

La expresión regular utiliza dos aserciones de anticipación:

1. Una afirmación de anticipación positiva que busca un punto en la cadena que contiene un grupo de 3 dígitos después.
2. Una afirmación de anticipación negativa que asegura que el punto dado tiene un tamaño de grupo de exactamente 3 dígitos.

Luego, la expresión de reemplazo inserta una coma en esa posición.

También se ocupa de los lugares decimales dividiendo la cadena antes de aplicar la expresión regular en la parte anterior al decimal.

const numb = 213231221;

function separator(numb) {
  var str = numb.toString().split('.');
  str[0] = str[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  return str.join('.');
}

console.log(separator(numb))

Producción :

"213,231,221"

Utilice Intl.NumberFormat() para formatear el número con comas en JavaScript

Este método se utiliza para representar números en formato sensible al idioma y representar moneda de acuerdo con los parámetros proporcionados. El parámetro proporcionado se llama locale y especifica el formato del número. Por ejemplo, la configuración regional en-IN toma el formato de la India y el idioma inglés. La primera coma de la derecha separa miles y continúa en términos de cientos.

Usaremos la función format() adjunta al objeto producido por Intl.NumberFormat(). Esta función toma el número y devuelve una cadena separada por comas. Para lograr una cadena separada por miles, podemos usar la configuración regional en-US.

const givenNumber = 123423134231233423;

internationalNumberFormat = new Intl.NumberFormat('en-US')
console.log(internationalNumberFormat.format(givenNumber))

Producción :

"123,423,134,231,233,420"

Utilice toLocaleString() para formatear el número con comas en JavaScript

El método toLocaleString() devuelve una cadena con la representación de un número sensible al idioma, como el método anterior. También toma los parámetros locales que especifican el formato del número.

const givenNumber = 123423134231233423;

console.log(givenNumber.toLocaleString('en-US'))

Producción :

"123,423,134,231,233,420"

Todos los navegadores principales admiten todas estas formas.