Hvordan formatere et tall med komma som tusen separatorer?

Mens det utfører konverteringer i JavaScript, kan det være et krav om å bruke det på en bestemt måte. For eksempel å betegne et komplekst tall slik at det blir lett å forstå. I slike scenarier hjelper formatering av et tall med komma som tusen separatorer i JavaScript med å telle og analysere det resulterende utfallet effektivt.

Denne bloggen vil oppgi tilnærmingene for å formatere et nummer med komma som tusen separatorer i JavaScript.

Hvordan formatere/konfigurere et nummer i JavaScript med komma som tusen separatorer?

For formatering/konfigurering av et tall med komma som tusen separatorer i JavaScript, bør du vurdere følgende tilnærminger:

• “Tolocalestring ()”Metode.
• “format()”Metode og“NumberFormat ()”Konstruktør.
• “erstatte()”Metode og“Vanlig uttrykk”Mønster.

Metode 1: Format/konfigurere et tall med komma som tusenvis separator ved bruk av tolocalestring () -metoden i JavaScript

“Tolocalestring ()”Metode gir et dateobjekt i strengform. Denne metoden brukes til å formatere et tall basert på det spesifiserte språkformatet.

Syntaks

dokument.tolocalestring (lokaliteter, alternativer)

I denne syntaksen:

• “Lokale”Refererer til språkformatet som må brukes.
• “alternativer”Er et objekt der egenskapene kan settes.

Eksempel

La oss gå gjennom det under-uttalte eksemplet:

I kodelinjene ovenfor.

• For det første, lagre nummeret i variabelen som heter “n”.
• I neste trinn, bruk "Tolocalestring ()”Metode og tilordne språkformatet som“en-oss” .
• Dette vil, resultatene, vise det spesifiserte nummeret i det angitte formatet atskilt med komma.

Produksjon

I utgangen kan det sees at kommaene er inkludert i det medfølgende tallet basert på det spesifiserte formatet.

Metode 2: Format/Konfigurer et nummer med komma som tusenvis separator via format () -metode og INTL.NumberFormat () Konstruktør i JavaScript

“format()”Metode gir en streng som er formatert basert på parametere gitt i“Intl" og "Intl.NumberFormat ()”Konstruktør lager intl.NumberFormat-objekter som konfigurerer den språkfølsomme nummerformateringen. Disse tilnærmingene kan brukes til formatering av det medfølgende nummeret basert på et bestemt språkformat.

Syntaks

Intl.NumberFormat (lokaliteter, alternativer)

I den ovennevnte syntaks:

• “Lokale”Henviser til språkets spesifikke format.
• “alternativer”Tilsvarer objektet som omfatter egenskapene.

Eksempel

La oss ta en titt på det under-uttalte eksemplet:

Her:

• I HTML -koden, inkluderer en overskrift som viser det formaterte nummeret.
• I JS -koden, legg inn nummeret fra brukeren som må formateres via rask.
• I neste trinn, bruk "NumberFormat ()”Konstruktør for å lage et objekt som har det oppgitte språkformatet, jeg.e., (en-oss)
• Etter det, bruk "format()”Metode som returnerer det resulterende nummeret basert på det spesifiserte formatet.
• Til slutt får tilgang til den medfølgende overskriften ved å bruke "getElementById ()”Metode og vise resultatet via overskrift ved hjelp av“indrehtml”Eiendom.

Produksjon

Det kan observeres at det brukerdefinerte nummeret er formatert basert på det spesifiserte språkformatet.

Metode 3: Formater et tall med komma som tusenvis separator i JavaScript ved hjelp av CTOPP () Metode og vanlig ekspresjonsmønster

“erstatte()”Metode søker etter en bestemt streng etter verdien og erstatter den med den nye verdien, og“Vanlig uttrykk”Mønster gjør et globalt søk basert på tilstanden som parameter. Disse tilnærmingene kan brukes for å søke etter sifrene globalt og plassere kommaene i de spesifiserte indeksene.

Syntaks

streng.Erstatt (SearchValue, NewValue)

I syntaks ovenfor:

• “SearchValue”Refererer til verdien som må søkes.
• “NewValue”Tilsvarer verdien som må erstattes.

Regex -mønster “/\ B (?= (/d 3)+(?!\ d))/g ”for globalt søk

• “/… /G”: Det muliggjør oppretting av et vanlig uttrykk som samsvarer med alle forekomster av et mønster.
• “\ B”: Det betyr at det første nummeret i strengen ikke stemmer.
• “(?= (...))”: Det gir en fremtidsrettet analyse.
• “(/d 3)”: Det fanger tre sifre.
• “(?!\ d)”: Det ser et tilbakevendende utseende og tilsvarer noe som ikke er fulgt med fulgt.

Eksempel

La oss gå gjennom det undergitte eksemplet:

Angi nummeret

Sende inn

I ovennevnte kodebit:

• For det første, inkluder "”Tag for å spesifisere en etikett.
• I neste trinn, inkluder en "”Element som vil ta innspillet som“tall" bare.
• Opprett også en knapp som har vedlagt "ved trykk”Hendelse for å påkalle funksjonen som heter“MyFunction ()”.
• Den lagt til “

  ”Tag er spesifisert for å inneholde det resulterende utfallet.

• I JavaScript -kode, erklære en funksjon som heter “MyFunction ()”.
• I funksjonsdefinisjonen får du tilgang til den tildelte “inngang”Felt via“getElementById ()”Metode.
• Etter det, bruk "erstatte()”Metode sammen med det vanlige uttrykksmønsteret for å formatere/konfigurere det spesifiserte nummeret med kommaene etter tre steder.
• Til slutt får du tilgang til “

  ”Tag av dens“id" bruker "getElementById ()”Metode og legg det resulterende utfallet i det.

Produksjon

I denne spesielle produksjonen er det tydelig at det vanlige uttrykket trådte i kraft og antallet er formatert med komma ved hver tusen forekomster.

Konklusjon

For formatering/konfigurering av et nummer med komma som tusen separatorer ved hjelp av JavaScript, bruk "Tolocalestring ()”Metode,“format()”Metode med“Intl.NumberFormat () ”Konstruktør, eller“erstatte()”Metode med“Vanlig uttrykk”Mønster. De to første tilnærmingene formaterer ganske enkelt det medfølgende nummeret og brukerdefinert nummer basert på det aktuelle språkformatet. Den siste tilnærmingen søker globalt etter verdien og erstatter den basert på det vanlige uttrykksmønsteret. Denne artikkelen diskuterte tilnærmingene for å formatere/konfigurere et nummer med komma som tusen separatorer ved bruk av JavaScript.