Aquest escrit il·lustrarà els enfocaments que es poden implementar per formatar un número en JavaScript.
Com formatar un número en JavaScript?
Es poden implementar els enfocaments següents per formatar un número en JavaScript:
- “ a Fixat() ” Mètode.
- “ Intl.NumberFormat() ” Constructor.
- “ toLocaleString() ” Mètode.
- “ Expressió normal ”
Els enfocaments esmentats ara s'il·lustraran un per un!
Exemple 1: Formateu un nombre en JavaScript mitjançant el mètode toFixed().
Aquest mètode es pot aplicar per formatar el número proporcionat de manera que no hi quedin punts decimals o hi quedi un nombre fix de dígits després del punt decimal.
Primer, especifiqueu el número que voleu formatar:
deixar formatNumber = 12.345678 ;
A continuació, apliqueu el ' a Fixat() ” mètode per formatar el número donat de manera que no hi quedin dígits després del punt decimal:
consola. registre ( 'El número amb format és:' , formatNumber. a Fixat ( ) ) ;En aquest pas, de la mateixa manera, apliqueu el mateix mètode passant ' 2 ” en el seu paràmetre. Això donarà com a resultat el format d'un número amb dos decimals:
consola. registre ( 'El número amb format és:' , formatNumber. a Fixat ( 2 ) ) ;
Sortida
Exemple 2: donar format a un nombre en JavaScript mitjançant el constructor Intl.NumberFormat().
El ' Intl.NumberFormat() ” el constructor crea un objecte nou que permet el format d'un nombre sensible al llenguatge. Aquest enfocament es pot aplicar per formatar el número donat en funció de la moneda especificada.
En primer lloc, especifiqueu el número que voleu formatar:
const formatNumber = 12345.67 ;Ara, apliqueu el ' Intl.NumberFormat() ” enfocament per formatar el número especificat respecte al “ NOSALTRES ” moneda i mostra-la en conseqüència:
deixa numUpd = nou Intl. NumberFormat ( 'en-US' , { estil : 'moneda' , moneda : 'USD' } ) . format ( formatNumber ) ;consola. registre ( 'La moneda amb format és:' , numUpd ) ;
Sortida
El ' $ ' amb el número indica que el número proporcionat té el format ' NOSALTRES ' moneda.
Exemple 3: Formateu un nombre en JavaScript mitjançant el mètode toLocaleString().
El ' toLocaleString() ” El mètode proporciona un objecte de data en forma de cadena. Aquest mètode es pot aplicar per formatar un número en el format d'idioma especificat.
Sintaxi
Data . toLocaleString ( locals , opcions )- “ locals ” es refereix al format d'idioma específic.
- “ opcions ” assenyala l'objecte al qual es poden assignar les propietats.
A l'exemple que es mostra a continuació, assigneu el número següent a la variable anomenada ' formatNumber ”:
deixar formatNumber = 7323452568.283 ;Ara, apliqueu el ' toLocaleString() ”, especifiqueu el format d'idioma com a “ en-US ” al seu paràmetre i mostra el número formatat resultant:
era nosaltres = formatNumber. toLocaleString ( 'en-US' ) ;consola. registre ( 'El número amb format és:' , nosaltres ) ;
Sortida
Exemple 4: Formateu un nombre en JavaScript mitjançant l'expressió regular
Aquest enfocament es pot utilitzar juntament amb el ' substituir () ” mètode per col·locar les comes entre els números proporcionats als mateixos intervals com a resultat.
Primer, inicialitzeu el número següent:
era formatNumber = 445567788 ;Ara, apliqueu el mètode replace() juntament amb l'expressió regular. L'expressió regular aquí assignarà ' comes ” al valor inicialitzat fent una cerca global i retornant els valors separats per comes formatant així el número especificat:
consola. registre ( 'El número amb format és:' , Corda ( formatNumber ) . substituir ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Sortida
Hem conclòs els enfocaments convenients per formatar un número en JavaScript.
Conclusió
El ' a Fixat() mètode ', el ' Intl.NumberFormat() ' constructor, el ' toLocaleString() ', o el mètode ' Expressió normal ” es pot utilitzar per formatar un número en JavaScript. El primer mètode dóna com a resultat un format del número de manera que no hi quedin dígits o un nombre fix de dígits després del punt decimal. L'enfocament del constructor Intl.NumberFormat() es pot aplicar per formatar un nombre basat en la moneda, i el mètode toLocaleString() es pot implementar per formatar el número especificat en el format específic de l'idioma. La tècnica d'expressió regular es pot aplicar per formatar el número proporcionat de manera que retorni els valors separats per comes. Aquest bloc va demostrar els mètodes per formatar un número especificat en JavaScript.