Denna uppskrivning kommer att illustrera de metoder som kan implementeras för att formatera ett tal i JavaScript.
Hur formaterar man ett nummer i JavaScript?
Följande metoder kan implementeras för att formatera ett tal i JavaScript:
- ' toFixed() ” Metod.
- ' Intl.NumberFormat() 'Konstruktör.
- ' toLocaleString() ” Metod.
- ' Vanligt uttryck ”
De nämnda tillvägagångssätten kommer nu att illustreras en efter en!
Exempel 1: Formatera ett tal i JavaScript med metoden toFixed()
Den här metoden kan användas för att formatera det angivna numret på ett sådant sätt att det inte finns några decimaltecken kvar i det eller ett fast antal siffror finns kvar i det efter decimaltecknet.
Ange först numret som ska formateras:
låt formateraNumber = 12,345678 ;
Använd sedan ' toFixed() ” metod för att formatera det givna talet så att inga siffror finns kvar i det efter decimalkomma:
trösta. logga ( 'Det formaterade numret är:' , formatNumber. till Fixad ( ) ) ;I det här steget, tillämpa på samma sätt samma metod genom att skicka ' två ” i sin parameter. Detta kommer att resultera i att ett tal formateras med två decimaler:
trösta. logga ( 'Det formaterade numret är:' , formatNumber. till Fixad ( två ) ) ;
Produktion
Exempel 2: Formatera ett tal i JavaScript med Intl.NumberFormat() Constructor
den ' Intl.NumberFormat() ”-konstruktorn skapar ett nytt objekt som möjliggör formatering av ett språkkänsligt tal. Detta tillvägagångssätt kan användas för att formatera det givna numret baserat på den angivna valutan.
Ange först numret som ska formateras:
konst formatNumber = 12345,67 ;Använd nu ' Intl.NumberFormat() ' tillvägagångssätt för att formatera det angivna numret med avseende på ' USA ' valuta och visa den därefter:
låt numUpd = ny Intl. NumberFormat ( 'i oss' , { stil : 'valuta' , valuta : 'USD' } ) . formatera ( formatNumber ) ;trösta. logga ( 'Den formaterade valutan är:' , numUpd ) ;
Produktion
den ' $ ' med numret indikerar att det angivna numret är formaterat i ' USA 'valuta.
Exempel 3: Formatera ett tal i JavaScript med metoden toLocaleString()
den ' toLocaleString() ”-metoden ger ett datumobjekt i form av en sträng. Denna metod kan användas för att formatera ett tal till det angivna språkformatet.
Syntax
Datum . till LocaleString ( lokal , alternativ )- ' lokal ” refererar till det specifika språkformatet.
- ' alternativ ” pekar på objektet som egenskaperna kan tilldelas.
I nedanstående exempel, allokera följande nummer till variabeln med namnet ' formatNumber ”:
låt formateraNumber = 7323452568.283 ;Använd nu ' toLocaleString() '-metoden, ange språkformatet som ' i oss ' i sin parameter och visa det resulterande formaterade numret:
var oss = formatNumber. till LocaleString ( 'i oss' ) ;trösta. logga ( 'Det formaterade numret är:' , oss ) ;
Produktion
Exempel 4: Formatera ett tal i JavaScript med hjälp av det reguljära uttrycket
Detta tillvägagångssätt kan användas tillsammans med ' byta ut() ” metod för att placera kommatecken mellan de angivna talen med samma intervall som ett resultat.
Initiera först följande nummer:
var formatNumber = 445567788 ;Använd nu metoden replace() tillsammans med det reguljära uttrycket. Det reguljära uttrycket här kommer att allokera ' kommatecken ” till det initierade värdet genom att göra en global sökning och returnera de kommaseparerade värdena och formatera därigenom det angivna numret:
trösta. logga ( 'Det formaterade numret är:' , Sträng ( formatNumber ) . byta ut ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Produktion
Vi har kommit fram till de praktiska metoderna för att formatera ett tal i JavaScript.
Slutsats
den ' toFixed() 'metoden, ' Intl.NumberFormat() ' konstruktör, ' toLocaleString() '-metoden eller ' vanligt uttryck ” kan användas för att formatera ett tal i JavaScript. Den första metoden resulterar i att formatera talet så att det inte finns några siffror eller ett fast antal siffror kvar i det efter decimalkomma. Konstruktormetoden Intl.NumberFormat() kan användas för att formatera ett tal baserat på valuta, och metoden toLocaleString() kan implementeras för att formatera det angivna numret till det språkspecifika formatet. Tekniken för reguljära uttryck kan användas för att formatera det angivna numret på ett sådant sätt att de kommaseparerade värdena returneras. Den här bloggen demonstrerade metoderna för att formatera ett specificerat nummer i JavaScript.