Ez az írás bemutatja azokat a megközelítéseket, amelyek megvalósíthatók egy szám JavaScriptben történő formázására.
Hogyan kell formázni egy számot JavaScriptben?
A következő megközelítések valósíthatók meg a számok JavaScriptben történő formázásához:
- ' javítva() ” Módszer.
- ' Intl. NumberFormat() ” Konstruktor.
- ' toLocaleString() ” Módszer.
- ' Reguláris kifejezés ”
Az említett megközelítéseket most egyenként illusztráljuk!
1. példa: Szám formázása JavaScriptben a toFixed() metódussal
Ezzel a módszerrel a megadott számot úgy formázhatjuk, hogy ne maradjon benne tizedespont, vagy a tizedesvessző után fix számú számjegy maradjon benne.
Először adja meg a formázni kívánt számot:
legyen formatNumber = 12.345678 ;
Ezután alkalmazza a „ javítva() ” módszerrel az adott számot úgy formázhatja, hogy a tizedesvessző után ne maradjon számjegy benne:
konzol. log ( 'A formázott szám:' , formatNumber. to Fixed ( ) ) ;Ebben a lépésben hasonló módon alkalmazza ugyanazt a módszert a „ két ” paraméterében. Ennek eredményeként egy szám két tizedesjegyre formázható:
konzol. log ( 'A formázott szám:' , formatNumber. to Fixed ( két ) ) ;
Kimenet
2. példa: Szám formázása JavaScriptben az Intl.NumberFormat() konstruktor segítségével
Az ' Intl. NumberFormat() ” konstruktor létrehoz egy új objektumot, amely lehetővé teszi egy nyelvérzékeny szám formázását. Ez a megközelítés alkalmazható az adott szám formázására a megadott pénznem alapján.
Először adja meg a formázni kívánt számot:
const formatNumber = 12345,67 ;Most alkalmazza a „ Intl. NumberFormat() ' megközelítés a megadott szám formázásához a ' MINKET ” pénznemet, és ennek megfelelően jelenítse meg:
legyen numUpd = új Intl. Számformátum ( 'bennünk' , { stílus : 'valuta' , valuta : 'USADOLLÁR' } ) . formátum ( formatNumber ) ;konzol. log ( 'A formázott pénznem:' , numUpd ) ;
Kimenet
Az ' $ ' számmal azt jelzi, hogy a megadott szám '' formában van formázva MINKET ” valuta.
3. példa: Szám formázása JavaScriptben a toLocaleString() metódussal
Az ' toLocaleString() ” metódus egy dátum objektumot ad meg karakterlánc formájában. Ezzel a módszerrel egy szám a megadott nyelvi formátumra formázható.
Szintaxis
Dátum . toLocaleString ( helyi , lehetőségek )- ' helyi ” hivatkozik az adott nyelvi formátumra.
- ' lehetőségek ” mutat arra az objektumra, amelyhez a tulajdonságok hozzárendelhetők.
Az alábbi példában rendelje hozzá a következő számot a ' nevű változóhoz formatNumber ”:
legyen formatNumber = 7323452568.283 ;Most alkalmazza a „ toLocaleString() ” metódus, adja meg a nyelvi formátumot a következőképpen bennünk ” a paraméterében, és jelenítse meg a kapott formázott számot:
volt minket = formatNumber. toLocaleString ( 'bennünk' ) ;konzol. log ( 'A formázott szám:' , minket ) ;
Kimenet
4. példa: Szám formázása JavaScriptben a reguláris kifejezés használatával
Ez a megközelítés a „ csere() ” módszerrel a vesszőket a megadott számok közé azonos időközönként helyezi el.
Először inicializálja a következő számot:
volt formatNumber = 445567788 ;Most alkalmazza a csere() metódust a reguláris kifejezéssel együtt. A reguláris kifejezés itt lefoglalja a ' vesszők ” az inicializált értékhez egy globális kereséssel, és adja vissza a vesszővel elválasztott értékeket, formázva ezzel a megadott számot:
konzol. log ( 'A formázott szám:' , Húr ( formatNumber ) . cserélje ki ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Kimenet
Elvégeztük a számok JavaScriptben való formázásának kényelmes módjait.
Következtetés
Az ' javítva() ' módszer, a ' Intl. NumberFormat() ' kivitelező, a ' toLocaleString() ' módszer, vagy a ' reguláris kifejezés ” használható számok formázására JavaScriptben. Az első módszer a számot úgy formázza, hogy a tizedesvessző után ne maradjon számjegy vagy fix számú számjegy. Az Intl.NumberFormat() konstruktor megközelítés alkalmazható számok pénznem alapján történő formázására, a toLocaleString() metódus pedig megvalósítható a megadott szám nyelvspecifikus formátumra formázására. A reguláris kifejezés technikája alkalmazható a megadott szám olyan formázására, amely a vesszővel elválasztott értékeket adja vissza. Ez a blog bemutatta a megadott számok JavaScriptben való formázásának módszereit.