JavaScript Aggiungi virgole al numero

Harshit Jindal 12 ottobre 2023
  1. Usa espressioni regolari per formattare il numero con virgole in JavaScript
  2. Usa Intl.NumberFormat() per formattare il numero con virgole in JavaScript
  3. Usa toLocaleString() per formattare il numero con virgole in JavaScript
JavaScript Aggiungi virgole al numero

Questo tutorial spiega come stampare un numero separato da virgole in JavaScript.

Possiamo utilizzare tre metodi diversi a seconda del nostro caso d’uso e della velocità / efficienza richiesta nell’elaborazione del numero specificato.

Usa espressioni regolari per formattare il numero con virgole in JavaScript

L’espressione regolare utilizza due asserzioni di lookahead:

  1. Un’asserzione lookahead positiva che cerca un punto nella stringa contenente un gruppo di 3 cifre dopo di esso.
  2. Un’asserzione lookahead negativa che assicura che il punto specificato abbia una dimensione di gruppo di esattamente 3 cifre.

Quindi l’espressione sostitutiva inserisce una virgola in quella posizione.

Si occupa anche delle posizioni decimali suddividendo la stringa prima di applicare l’espressione regex sulla parte prima del decimale.

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

Produzione:

"213,231,221"

Usa Intl.NumberFormat() per formattare il numero con virgole in JavaScript

Questo metodo viene utilizzato per rappresentare i numeri nella formattazione sensibile alla lingua e rappresentare la valuta in base ai parametri forniti. Il parametro fornito è chiamato locale e specifica il formato del numero. Ad esempio, la locale en-IN assume il formato dell’India e della lingua inglese. La prima virgola da destra separa migliaia e resta in avanti in termini di centinaia.

Useremo la funzione format() allegata all’oggetto restituito da Intl.NumberFormat(). Questa funzione accetta il numero e restituisce una stringa separata da virgole. Per ottenere una stringa separata da mille, possiamo usare la locale en-US.

const givenNumber = 123423134231233423;

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

Produzione:

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

Usa toLocaleString() per formattare il numero con virgole in JavaScript

Il metodo toLocaleString() restituisce una stringa con la rappresentazione sensibile alla lingua di un numero proprio come il metodo precedente. Accetta anche i parametri locali che specificano il formato del numero.

const givenNumber = 123423134231233423;

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

Produzione:

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

Tutti i principali browser supportano tutti questi modi.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Articolo correlato - JavaScript Number