Cómo formatear un número en JavaScript?

En JavaScript, mientras se trata de problemas matemáticos, existen cálculos que involucran complejidades en el caso de dígitos largos y especialmente números de puntos flotantes. En el otro caso, para hacer un cálculo particular más preciso. En tal escenario, formatear un número en JavaScript es muy útil para reducir la complejidad del código general y en el cálculo preciso también.

Este artículo ilustrará los enfoques que se pueden implementar para formatear un número en JavaScript.

Cómo formatear un número en JavaScript?

Los siguientes enfoques se pueden implementar para formatear un número en JavaScript:

• "tofixed ()" Método.
• "Intl.Formato numérico()"Constructor.
• "TOLOCALECRING ()" Método.
• "Expresión regular"

Los enfoques mencionados ahora se ilustrarán uno por uno!

Ejemplo 1: formatear un número en JavaScript usando el método tofixed ()
Este método se puede aplicar para formatear el número proporcionado de tal manera que no quedan puntos decimales o se deja un número fijo de dígitos después del punto decimal.

Primero, especifique el número que se formatea:

Dejar formatNumber = 12.345678;

A continuación, aplique el "tofixed ()Método para formatear el número dado de tal manera que no queden dígitos en él después del punto decimal:

consola.Log ("El número formateado es:", FormatNumber.tofixed ());

En este paso, de manera similar, aplique el mismo método pasando "2"En su parámetro. Esto dará como resultado formatear un número a dos decimales:

consola.Log ("El número formateado es:", FormatNumber.tofixed (2));

Producción

Ejemplo 2: formatear un número en JavaScript usando el intl.Constructor numberFormat ()

El "Intl.Formato numérico()El constructor crea un nuevo objeto que permite el formato de un número sensible al lenguaje. Este enfoque se puede aplicar para formatear el número dado en función de la moneda especificada.

En primer lugar, especifique el número que se formatea:

const formatNumber = 12345.67;

Ahora, aplique el "Intl.Formato numérico()"Enfoque para formatear el número especificado con respecto al"A NOSOTROS"Moneda y exhibirla en consecuencia:

Dejar numupd = nuevo intl.NumberFormat ('en-us', estilo: 'moneda', moneda: 'USD').formato (FormatNumber);
consola.log ("La moneda formateada es:", numupd);

Producción

El "ps"Con el número indica que el número proporcionado está formateado en"A NOSOTROS" divisa.

Ejemplo 3: Formateo de un número en JavaScript usando el método TOLOCALECRING ()

El "TOLOCALECRING ()El método "proporciona un objeto de fecha en forma de una cadena. Este método se puede aplicar para formatear un número en el formato de lenguaje especificado.

Sintaxis

Fecha.tolocalestring (locales, opciones)

• "locales"Consulte el formato de idioma específico.
• "opción"Señala el objeto al que se pueden asignar las propiedades.

En el ejemplo dado a continuación, asigne el siguiente número a la variable llamada "Number formatado":

Dejar formatNumber = 7323452568.283;

Ahora, aplique el "TOLOCALECRING ()"Método, especifique el formato de idioma como"en-us"En su parámetro, y muestre el número formateado resultante:

var con us = formatNumber.tolocalestring ('en-us');
consola.log ("El número formateado es:", nosotros);

Producción

Ejemplo 4: formatear un número en JavaScript usando la expresión regular

Este enfoque se puede utilizar junto con el "reemplazar()Método para colocar las comas entre los números proporcionados a los mismos intervalos como resultado.

Primero, inicialice el siguiente número:

var formatNumber = 445567788;

Ahora, aplique el método reemplazar () junto con la expresión regular. La expresión regular aquí asignará "comas"Al valor inicializado realizando una búsqueda global y devuelve los valores separados por comas, formatea así el número especificado:

consola.log ("El número formateado es:", String (FormatNumber).reemplazar(/(.) (?= (\ d 3)+$)/g, '$ 1,'))

Producción

Hemos concluido los enfoques convenientes para formatear un número en JavaScript.

Conclusión

El "tofixed ()"Método, el"Intl.Formato numérico()"Constructor, el"TOLOCALECRING ()Método "o el"expresión regular"Se puede utilizar para formatear un número en JavaScript. El primer método da como resultado formatear el número de tal manera que no hay dígitos o un número fijo de dígitos que queden después del punto decimal. El intl.El enfoque del constructor numberFormat () se puede aplicar para formatear un número basado en la moneda, y el método tolocaleString () se puede implementar para formatear el número especificado en el formato específico del lenguaje. La técnica de expresión regular se puede aplicar para formatear el número proporcionado de tal manera que devuelva los valores separados por comas. Este blog demostró los métodos para formatear un número especificado en JavaScript.