JavaScript Ajouter des virgules au nombre

1. Utiliser des expressions régulières pour mettre en forme un nombre avec des virgules en JavaScript
2. Utilisez Intl.NumberFormat() pour mettre en forme le nombre avec des virgules en JavaScript
3. Utilisez toLocaleString() pour formater le nombre avec des virgules en JavaScript

Ce tutoriel explique comment imprimer un nombre séparé par des virgules en JavaScript.

Nous pouvons utiliser trois méthodes différentes en fonction de notre cas d’utilisation et de la vitesse / efficacité requise dans le traitement du nombre donné.

Utiliser des expressions régulières pour mettre en forme un nombre avec des virgules en JavaScript

L’expression régulière utilise deux assertions lookahead:

1. Une assertion anticipée positive qui recherche un point dans la chaîne contenant un groupe de 3 chiffres après lui.
2. Une assertion d’anticipation négative qui garantit que le point donné a une taille de groupe d’exactement 3 chiffres.

Ensuite, l’expression de remplacement insère une virgule à cette position.

Il prend également en charge les décimales en fractionnant la chaîne avant d’appliquer l’expression regex sur la partie avant la décimale.

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

Production:

"213,231,221"

Utilisez Intl.NumberFormat() pour mettre en forme le nombre avec des virgules en JavaScript

Cette méthode est utilisée pour représenter les nombres dans un formatage sensible à la langue et représenter la devise en fonction des paramètres fournis. Le paramètre fourni est appelé locale et spécifie le format du nombre. Par exemple, la locale en-IN prend le format de l’Inde et la langue anglaise. La première virgule à partir de la droite sépare des milliers et reste en termes de centaines.

Nous utiliserons la fonction format() attachée à l’objet produit par Intl.NumberFormat(). Cette fonction prend le nombre et renvoie une chaîne séparée par des virgules. Pour obtenir une chaîne séparée par mille, nous pouvons utiliser la locale en-US.

const givenNumber = 123423134231233423;

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

Production:

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

Utilisez toLocaleString() pour formater le nombre avec des virgules en JavaScript

La méthode toLocaleString() renvoie une chaîne avec la représentation sensible à la langue d’un nombre tout comme la méthode ci-dessus. Il prend également les paramètres locaux qui spécifient le format du nombre.

const givenNumber = 123423134231233423;

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

Production:

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

Tous les principaux navigateurs prennent en charge toutes ces méthodes.