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?
Se pueden implementar los siguientes enfoques para dar formato a un número en JavaScript:
- “ a fijo () ' Método.
- “ Intl.NumberFormat() ” Constructor.
- “ toLocaleString() ' Método.
- “ Expresión regular ”
¡Los enfoques mencionados ahora se ilustrarán uno por uno!
Ejemplo 1: Dar formato a un número en JavaScript utilizando el método toFixed()
Este método se puede aplicar para formatear el número proporcionado de tal manera que no queden puntos decimales o que quede un número fijo de dígitos después del punto decimal.
Primero, especifique el número a formatear:
let formatNumber = 12.345678 ;
A continuación, aplique el “ a fijo () ” para formatear el número dado de modo que no queden dígitos después del punto decimal:
consola. Iniciar sesión ( 'El número formateado es:' , número de formato. aFijo ( ) ) ;En este paso, de manera similar, aplique el mismo método pasando ' 2 ” en su parámetro. Esto dará como resultado el formateo de un número con dos decimales:
consola. Iniciar sesión ( 'El número formateado es:' , número de formato. aFijo ( 2 ) ) ;
Producción
Ejemplo 2: Dar formato a un número en JavaScript usando el constructor Intl.NumberFormat()
Los ' Intl.NumberFormat() El constructor crea un nuevo objeto que permite formatear un número sensible al idioma. 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 a formatear:
constante número de formato = 12345.67 ;Ahora, aplica el “ Intl.NumberFormat() ” enfoque para formatear el número especificado con respecto al “ A NOSOTROS ” moneda y mostrarlo en consecuencia:
let numUpd = nuevo internacional Formato numérico ( 'en-US' , { estilo : 'divisa' , divisa : 'DÓLAR ESTADOUNIDENSE' } ) . formato ( número de formato ) ;consola. Iniciar sesión ( 'La moneda formateada es:' , numUpd ) ;
Producción
Los ' $ ” con el número indica que el número proporcionado tiene el formato “ A NOSOTROS ' divisa.
Ejemplo 3: Dar formato a un número en JavaScript utilizando el método toLocaleString()
Los ' toLocaleString() El método da un objeto de fecha en forma de cadena. Este método se puede aplicar para dar formato a un número en el formato de idioma especificado.
Sintaxis
Fecha . toLocaleString ( locales , opciones )- “ locales ” se refieren al formato de idioma específico.
- “ opciones ” apunta al objeto al que se le pueden asignar las propiedades.
En el ejemplo a continuación, asigne el siguiente número a la variable denominada ' número de formato ”:
let formatNumber = 7323452568.283 ;Ahora, aplica el “ toLocaleString() ”, especifique el formato de idioma como “ en-US ” en su parámetro, y muestra el número formateado resultante:
estaba a nosotros = número de formato. toLocaleString ( 'en-US' ) ;consola. Iniciar sesión ( 'El número formateado es:' , a nosotros ) ;
Producción
Ejemplo 4: Dar formato a un número en JavaScript usando la expresión regular
Este enfoque se puede utilizar junto con el “ reemplazar() ” para colocar las comas entre los números proporcionados en los mismos intervalos como resultado.
Primero, inicialice el siguiente número:
estaba número de formato = 445567788 ;Ahora, aplique el método replace() junto con la expresión regular. La expresión regular aquí asignará ' comas ” al valor inicializado al realizar una búsqueda global y devolver los valores separados por comas formateando así el número especificado:
consola. Iniciar sesión ( 'El número formateado es:' , Cuerda ( número de formato ) . reemplazar ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Producción
Hemos concluido los enfoques convenientes para formatear un número en JavaScript.
Conclusión
Los ' a fijo () ” método, el “ Intl.NumberFormat() ” constructor, el “ toLocaleString() ” 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 modo que no queden dígitos o un número fijo de dígitos después del punto decimal. El enfoque del constructor Intl.NumberFormat() se puede aplicar para dar formato a un número según la moneda, y el método toLocaleString() se puede implementar para dar formato al número especificado en el formato específico del idioma. 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 específico en JavaScript.