Come formattare un numero con virgole come migliaia di separatori?
Durante l'esecuzione di conversioni in JavaScript, può esserci l'obbligo per applicarlo in modo specifico. Ad esempio, indicare un numero complesso in modo tale che diventa facile da capire. In tali scenari, la formattazione di un numero con virgole come i mille separatori in Javascript aiutano a contare e analizzare efficacemente il risultato risultante.
Questo blog indicherà gli approcci per formattare un numero con le virgole come mille separatori in JavaScript.
Come formattare/configurare un numero in javascript con virgole come migliaia di separatori?
Per la formattazione/configurazione di un numero con virgole come migliaia di separatori in JavaScript, considerare i seguenti approcci:
- "tolocalestring ()" metodo.
- "formato()Metodo e "NumberFormat ()"Costruttore.
- "sostituire()Metodo e "Espressione regolare" modello.
Metodo 1: formato/configura un numero con virgole come migliaia di separatore usando il metodo Tolocalestring () in JavaScript
IL "tolocalestring ()"Il metodo fornisce un oggetto Data in forma di stringa. Questo metodo viene utilizzato per formattare un numero in base al formato del linguaggio specificato.
Sintassi
documento.tolocalestring (locali, opzioni)
In questa sintassi:
- "Locali"Si riferisce al formato linguistico che deve essere utilizzato.
- "opzioni"È un oggetto in cui le proprietà possono essere impostate.
Esempio
Passiamo attraverso l'esempio di seguito:
Nelle righe di codice sopra.
- In primo luogo, memorizzare il numero nella variabile denominata "N".
- Nel passaggio successivo, applica il "tolocalestring ()"Metodo e assegnare il formato della lingua come"en-us" .
- Questo, di conseguenza, visualizzerà il numero specificato nel formato dichiarato separato da virgole.
Produzione
Nell'output, si può vedere che le virgole sono incluse nel numero fornito in base al formato specificato.
Metodo 2: formato/configura un numero con virgole come migliaia di separatore tramite il metodo formato () e intl.NumberFormat () costruttore in JavaScript
IL "formato()"Il metodo fornisce una stringa formattata in base ai parametri forniti in"Intl" e il "Intl.NumberFormat ()"Il costruttore crea l'intl.Oggetti NumberFormat che configurano la formattazione del numero sensibile alla lingua. Questi approcci possono essere utilizzati per la formattazione del numero fornito in base a un particolare formato linguistico.
Sintassi
Intl.NumberFormat (locali, opzioni)
Nella sintassi sopra data:
- "Locali"Si riferisce al formato specifico della lingua.
- "opzioni"Corrisponde all'oggetto che comprende le proprietà.
Esempio
Diamo un'occhiata all'esempio di seguito:
Qui:
- Nel codice HTML, includi un'intestazione che visualizzerà il numero formattato.
- Nel codice JS, inserisci il numero dell'utente che deve essere formattato tramite prompt.
- Nel passaggio successivo, applica il "NumberFormat ()”Costruttore per creare un oggetto con il formato linguistico dichiarato, i.e., (en-us)
- Dopodiché, applica il "formato()"Metodo che restituisce il numero risultante in base al formato specificato.
- Infine, accedi all'intestazione inclusa usando il "getElementById ()"Metodo e visualizzare il risultato tramite l'intestazione usando il"Innerhtml" proprietà.
Produzione
Si può osservare che il numero definito dall'utente è formattato in base al formato del linguaggio specificato.
Metodo 3: formattare un numero con virgole come migliaia di separatore in javascript usando il metodo sostitutivo () e il modello di espressione regolare
IL "sostituire()"Il metodo cerca una stringa particolare per il valore e lo sostituisce con il nuovo valore e il"Espressione regolare"Il modello fa una ricerca globale in base alla condizione come parametro. Questi approcci possono essere applicati per cercare le cifre a livello globale e posizionare le virgole sugli indici specificati.
Sintassi
corda.Sostituire (SearchValue, NewValue)
Nella sintassi sopra:
- "SearchValue"Si riferisce al valore che deve essere perquisito.
- "newValue"Corrisponde al valore che deve essere sostituito.
Regex pattern “/\ b (?= (/d 3)+(?!\ d))/g "per la ricerca globale
- "/… /G": Abilita la creazione di un'espressione regolare che corrisponde a ogni istanza di uno schema.
- "\B": Significa che il primo numero nella stringa non corrisponde.
- "(?= (…))": Fornisce un'analisi previsionale.
- "(/d 3)": Cattura tre cifre.
- "(?!\D)": Fa uno sguardo all'indietro e corrisponde a qualcosa che non è seguito alla cifra.
Esempio
Passiamo attraverso l'esempio di seguito:
Nel frammento di codice sopra:
- In primo luogo, includi il ""Tag per specificare un'etichetta.
- Nel passaggio successivo, includi un ""Elemento che prenderà l'input come"numeri" soltanto.
- Inoltre, crea un pulsante con un allegato "al clic"Evento per invocare la funzione denominata"myFunction ()".
- Il aggiunto ""Il tag è specificato per contenere il risultato risultante.
- Nel codice JavaScript, dichiara una funzione denominata "myFunction ()".
- Nella definizione della funzione, accedi al assegnato "ingresso"Campo tramite il"getElementById ()" metodo.
- Dopodiché, applica il "sostituire()"Metodo insieme al modello di espressione regolare per formattare/configurare il numero specificato con le virgole dopo tre punti.
- Infine, accedi al ""Tag dal suo"id" usando il "getElementById ()"Metodo e aggiungere il risultato risultante in esso.
Produzione
In questo particolare output, è evidente che l'espressione regolare è entrata in vigore correttamente e il numero è formattato con virgole ogni migliaio.
Conclusione
Per la formattazione/configurazione di un numero con virgole come migliaia di separatori usando JavaScript, utilizzare il “tolocalestring ()Metodo ", il"formato()Metodo "con il"Intl.NumberFormat () Costruttore ", o"sostituire()Metodo "con"Espressione regolare" modello. I primi due approcci formattano semplicemente il numero fornito e il numero definito dall'utente in base al formato del linguaggio particolare. L'ultimo approccio a livello globale cerca il valore e lo sostituisce in base al modello di espressione regolare. Questo articolo ha discusso degli approcci al formato/configurare un numero con virgole come migliaia di separatori usando JavaScript.