Paano Mag-format ng Numero sa JavaScript?

Sa JavaScript, habang nakikitungo sa mga problema sa matematika, may mga kalkulasyon na kinasasangkutan ng mga kumplikado sa kaso ng mahabang digit at lalo na ang mga numero ng floating point. Sa kabilang kaso, para sa paggawa ng isang partikular na kalkulasyon na mas tumpak. Sa ganoong sitwasyon, ang pag-format ng isang numero sa JavaScript ay lubos na nakakatulong sa pagbabawas ng pangkalahatang pagiging kumplikado ng code at sa tumpak na pagkalkula pati na rin.

Ang write-up na ito ay maglalarawan ng mga diskarte na maaaring ipatupad upang i-format ang isang numero sa JavaScript.

Paano Mag-format ng Numero sa JavaScript?

Ang mga sumusunod na diskarte ay maaaring ipatupad upang i-format ang isang numero sa JavaScript:

“ toFixed() ” Pamamaraan.
“ Intl.NumberFormat() ” Konstruktor.
“ toLocaleString() ” Pamamaraan.
“ Regular na Pagpapahayag ”

Ang mga nabanggit na paraan ay isa-isa nang ilarawan!

Halimbawa 1: Mag-format ng Numero sa JavaScript Gamit ang Paraang toFixed().
Ang pamamaraang ito ay maaaring ilapat upang i-format ang ibinigay na numero sa paraang walang mga decimal point na natitira dito o isang nakapirming bilang ng mga digit ang naiwan dito pagkatapos ng decimal point.

Una, tukuyin ang numerong ipo-format:

hayaan ang formatNumber = 12.345678 ;

Susunod, ilapat ang ' toFixed() ” na paraan upang i-format ang ibinigay na numero upang walang mga digit na naiwan dito pagkatapos ng decimal point:

console. log ( 'Ang naka-format na numero ay:' , formatNumber. saNaayos ( ) ) ;

Sa hakbang na ito, pareho, ilapat ang parehong paraan sa pamamagitan ng pagpasa ng ' dalawa ” sa parameter nito. Magreresulta ito sa pag-format ng isang numero sa dalawang decimal na lugar:

console. log ( 'Ang naka-format na numero ay:' , formatNumber. saNaayos ( dalawa ) ) ;

Output

Halimbawa 2: Mag-format ng Numero sa JavaScript Gamit ang Intl.NumberFormat() Constructor

Ang ' Intl.NumberFormat() ” constructor ay lumilikha ng isang bagong bagay na nagbibigay-daan sa pag-format ng isang numerong sensitibo sa wika. Maaaring ilapat ang diskarteng ito upang i-format ang ibinigay na numero batay sa tinukoy na pera.

Una, tukuyin ang numero na ipo-format:

const formatNumber = 12345.67 ;

Ngayon, ilapat ang ' Intl.NumberFormat() ' diskarte upang i-format ang tinukoy na numero na may paggalang sa ' US ” currency at ipakita ito nang naaayon:

hayaan ang numUpd = bago Intl. NumberFormat ( 'sa-US' , { istilo : 'pera' , pera : 'USD' } ) . pormat ( formatNumber ) ;
console. log ( 'Ang na-format na pera ay:' , numUpd ) ;

Output

Ang ' $ ” na may numero ay nagpapahiwatig na ang ibinigay na numero ay naka-format sa “ US ” pera.

Halimbawa 3: Mag-format ng Numero sa JavaScript Gamit ang Paraang toLocaleString().

Ang ' toLocaleString() ” paraan ay nagbibigay ng petsa object sa anyo ng isang string. Maaaring ilapat ang paraang ito upang i-format ang isang numero sa tinukoy na format ng wika.

Syntax

Petsa . saLocaleString ( lokal , mga pagpipilian )

“ lokal ” sumangguni sa partikular na format ng wika.
“ mga pagpipilian ” ay tumuturo sa bagay kung saan maaaring italaga ang mga katangian.

Sa ibinigay na halimbawa sa ibaba, ilaan ang sumusunod na numero sa variable na pinangalanang ' formatNumber ”:

hayaan ang formatNumber = 7323452568.283 ;

Ngayon, ilapat ang ' toLocaleString() 'paraan, tukuyin ang format ng wika bilang ' sa US ” sa parameter nito, at ipakita ang resultang na-format na numero:

ay sa amin = formatNumber. saLocaleString ( 'sa-US' ) ;
console. log ( 'Ang naka-format na numero ay:' , sa amin ) ;

Output

Halimbawa 4: Mag-format ng Numero sa JavaScript Gamit ang Regular Expression

Ang pamamaraang ito ay maaaring gamitin kasama ng ' palitan() ” paraan upang ilagay ang mga kuwit sa pagitan ng mga ibinigay na numero sa parehong pagitan bilang resulta.

Una, simulan ang sumusunod na numero:

ay formatNumber = 445567788 ;

Ngayon, ilapat ang replace() na paraan kasama ang regular na expression. Ang regular na expression dito ay maglalaan ng ' mga kuwit ” sa inisyal na halaga sa pamamagitan ng pagsasagawa ng pandaigdigang paghahanap at ibalik ang mga halagang pinaghihiwalay ng kuwit sa gayon na-format ang tinukoy na numero:

console. log ( 'Ang naka-format na numero ay:' , String ( formatNumber ) . palitan ( /(.)(?=(\d{3})+$)/g , '$1,' ) )

Output

Natapos na namin ang mga maginhawang paraan para mag-format ng numero sa JavaScript.

Konklusyon

Ang ' toFixed() 'paraan, ang' Intl.NumberFormat() 'tagabuo, ang' toLocaleString() 'paraan, o ang' regular na pagpapahayag ” ay maaaring gamitin upang i-format ang isang numero sa JavaScript. Ang unang paraan ay nagreresulta sa pag-format ng numero na walang mga digit o nakapirming bilang ng mga digit na natitira dito pagkatapos ng decimal point. Ang Intl.NumberFormat() constructor approach ay maaaring ilapat upang i-format ang isang numero batay sa currency, at ang toLocaleString() na paraan ay maaaring ipatupad upang i-format ang tinukoy na numero sa partikular na format ng wika. Maaaring ilapat ang pamamaraan ng regular na expression upang i-format ang ibinigay na numero sa paraang maibalik ang mga halagang pinaghihiwalay ng kuwit. Ang blog na ito ay nagpakita ng mga paraan upang i-format ang isang tinukoy na numero sa JavaScript.

Paano Mag-format ng Numero sa JavaScript?