Questo articolo illustrerà gli approcci che possono essere implementati per formattare un numero in JavaScript.
Come formattare un numero in JavaScript?
I seguenti approcci possono essere implementati per formattare un numero in JavaScript:
- “ aFisso() ' Metodo.
- “ Intl.NumberFormat() ' Costruttore.
- “ toLocaleString() ' Metodo.
- “ Espressione regolare '
Gli approcci menzionati verranno ora illustrati uno per uno!
Esempio 1: formattare un numero in JavaScript utilizzando il metodo toFixed()
Questo metodo può essere applicato per formattare il numero fornito in modo tale che non rimangano punti decimali o che rimanga un numero fisso di cifre dopo il punto decimale.
Innanzitutto, specifica il numero da formattare:
let formatNumber = 12.345678 ;
Successivamente, applica il ' aFisso() ” metodo per formattare il numero dato in modo che non rimangano cifre dopo la virgola:
consolare. tronco d'albero ( 'Il numero formattato è:' , formatoNumero. aFisso ( ) ) ;In questo passaggio, allo stesso modo, applica lo stesso metodo passando ' Due ” nel suo parametro. Ciò comporterà la formattazione di un numero con due cifre decimali:
consolare. tronco d'albero ( 'Il numero formattato è:' , formatoNumero. aFisso ( Due ) ) ;
Produzione
Esempio 2: formattare un numero in JavaScript utilizzando il costruttore Intl.NumberFormat()
Il ' Intl.NumberFormat() ” il costruttore crea un nuovo oggetto che abilita la formattazione di un numero sensibile alla lingua. Questo approccio può essere applicato per formattare il numero specificato in base alla valuta specificata.
Innanzitutto, specifica il numero da formattare:
cost formatoNumero = 12345.67 ;Ora, applica il ' Intl.NumberFormat() ” approccio per formattare il numero specificato rispetto al “ NOI ” valuta e visualizzala di conseguenza:
let numUpd = nuovo internazionale NumeroFormato ( 'in noi' , { stile : 'moneta' , moneta : 'DOLLARO STATUNITENSE' } ) . formato ( formatoNumero ) ;consolare. tronco d'albero ( 'La valuta formattata è:' , numUpd ) ;
Produzione
Il ' $ ” con il numero indica che il numero fornito è formattato in “ NOI ' moneta.
Esempio 3: formattare un numero in JavaScript utilizzando il metodo toLocaleString()
Il ' toLocaleString() ” fornisce un oggetto data sotto forma di stringa. Questo metodo può essere applicato per formattare un numero nel formato della lingua specificata.
Sintassi
Data . toLocaleString ( Locale , opzioni )- “ Locale ” si riferiscono al formato specifico della lingua.
- “ opzioni ” indica l'oggetto a cui possono essere assegnate le proprietà.
Nell'esempio riportato di seguito, assegna il seguente numero alla variabile denominata ' formatoNumero ”:
let formatNumber = 7323452568.283 ;Ora, applica il ' toLocaleString() ” metodo, specificare il formato della lingua come “ in noi ” nel suo parametro e visualizza il numero formattato risultante:
era noi = formatoNumero. toLocaleString ( 'in noi' ) ;consolare. tronco d'albero ( 'Il numero formattato è:' , noi ) ;
Produzione
Esempio 4: formattare un numero in JavaScript utilizzando l'espressione regolare
Questo approccio può essere utilizzato insieme al ' sostituire() ” metodo per posizionare le virgole tra i numeri forniti agli stessi intervalli come risultato.
Per prima cosa, inizializza il seguente numero:
era formatoNumero = 445567788 ;Ora applica il metodo replace() insieme all'espressione regolare. L'espressione regolare qui allocherà ' virgole ” al valore inizializzato effettuando una ricerca globale e restituisce i valori separati da virgole formattando così il numero specificato:
consolare. tronco d'albero ( 'Il numero formattato è:' , Corda ( formatoNumero ) . sostituire ( /(.)(?=(\d{3})+$)/g , '$ 1,' ) )Produzione
Abbiamo concluso gli approcci convenienti per formattare un numero in JavaScript.
Conclusione
Il ' aFisso() ” metodo, il “ Intl.NumberFormat() ” costruttore, il “ toLocaleString() ” metodo, o il “ espressione regolare ' può essere utilizzato per formattare un numero in JavaScript. Il primo metodo comporta la formattazione del numero in modo tale che non vi siano cifre o un numero fisso di cifre rimaste dopo la virgola decimale. L'approccio del costruttore Intl.NumberFormat() può essere applicato per formattare un numero in base alla valuta e il metodo toLocaleString() può essere implementato per formattare il numero specificato nel formato specifico della lingua. La tecnica delle espressioni regolari può essere applicata per formattare il numero fornito in modo tale da restituire i valori separati da virgole. Questo blog ha dimostrato i metodi per formattare un numero specificato in JavaScript.