Hvordan formaterer man et tal i JavaScript?

Denne opskrivning vil illustrere de tilgange, der kan implementeres til at formatere et tal i JavaScript.

Hvordan formaterer man et tal i JavaScript?

Følgende fremgangsmåder kan implementeres til at formatere et tal i JavaScript:

• “ toFixed() ' Metode.
• “ Intl.NumberFormat() 'Konstruktør.
• “ toLocaleString() ' Metode.
• “ Almindelig udtryk ”

De nævnte tilgange vil nu blive illustreret én efter én!

Eksempel 1: Formater et tal i JavaScript ved hjælp af toFixed()-metoden
Denne metode kan anvendes til at formatere det angivne tal på en sådan måde, at der ikke er nogen decimaltegn tilbage i det, eller et fast antal cifre er tilbage i det efter decimaltegnet.

Angiv først det tal, der skal formateres:

Anvend derefter ' toFixed() ” metode til at formatere det givne tal, så der ikke er cifre tilbage i det efter decimaltegnet:

I dette trin skal du på samme måde anvende den samme metode ved at sende ' to ” i sin parameter. Dette vil resultere i formatering af et tal til to decimaler:

Produktion

Eksempel 2: Formater et tal i JavaScript ved hjælp af Intl.NumberFormat() Constructor

Det ' Intl.NumberFormat() ” konstruktøren opretter et nyt objekt, der muliggør formatering af et sprogfølsomt tal. Denne tilgang kan anvendes til at formatere det givne tal baseret på den angivne valuta.

Angiv først det tal, der skal formateres:

Anvend nu ' Intl.NumberFormat() ' tilgang til at formatere det angivne tal med hensyn til ' OS ' valuta og vis den i overensstemmelse hermed:

Produktion

Det ' $ ' med tallet angiver, at det angivne nummer er formateret i ' OS ' betalingsmiddel.

Eksempel 3: Formater et tal i JavaScript ved hjælp af toLocaleString()-metoden

Det ' toLocaleString() ” metode giver et datoobjekt i form af en streng. Denne metode kan anvendes til at formatere et tal til det angivne sprogformat.

Syntaks

• “ lokal ” henviser til det specifikke sprogformat.
• “ muligheder ” peger på det objekt, som egenskaberne kan tildeles.

I nedenstående eksempel tildeles følgende nummer til variablen med navnet ' formatNumber ”:

Anvend nu ' toLocaleString() '-metoden, skal du angive sprogformatet som ' i USA ' i sin parameter, og vis det resulterende formaterede tal:

Produktion

Eksempel 4: Formater et tal i JavaScript ved hjælp af det regulære udtryk

Denne tilgang kan bruges sammen med ' erstatte() ” metode til at placere kommaerne mellem de angivne tal med samme intervaller som et resultat.

Først skal du initialisere følgende nummer:

Anvend nu metoden replace() sammen med det regulære udtryk. Det regulære udtryk her vil tildele ' kommaer ” til den initialiserede værdi ved at foretage en global søgning og returnere de kommaseparerede værdier og derved formatere det angivne tal:

Produktion

Vi har konkluderet de praktiske metoder til at formatere et tal i JavaScript.

Konklusion

Det ' toFixed() 'metoden, ' Intl.NumberFormat() ' konstruktør, ' toLocaleString() '-metoden eller ' almindelig udtryk ” kan bruges til at formatere et tal i JavaScript. Den første metode resulterer i at formatere tallet, så der ikke er nogen cifre eller et fast antal cifre tilbage i det efter decimaltegnet. Intl.NumberFormat()-konstruktørtilgangen kan anvendes til at formatere et tal baseret på valuta, og toLocaleString()-metoden kan implementeres til at formatere det angivne tal til det sprogspecifikke format. Teknikken med regulære udtryk kan anvendes til at formatere det angivne tal på en sådan måde, at det returnerer de kommaseparerede værdier. Denne blog demonstrerede metoderne til at formatere et specificeret tal i JavaScript.