Ir al contenido principal

Cómo formatear precios en JavaScript

Hace un par de años formatear precios utilizando JavaScript se reducía a escribir manualmente la divisa que querías añadir y concatenarla al precio. Algo así:

Código que muestra el formateo de un precio utilizando el método .toFixed()

Sin embargo, hoy en día esta tarea es mucho más sencilla gracias a una API que traen todos los navegadores modernos e, incluso, algunas versiones de Internet Explorer.

API de Intl en JS

Intl es la API de internacionalización de ECMAScript. Entre otras funciones, nos permitirá formatear precios de forma muy sencilla.

La función de formateo de precios se llama Intl.NumberFormat y nos permite personalizar múltiples parámetros, tales como el número de decimales, el separador de decimales, el separador de miles...

En el siguiente pedazo de código podréis ver todas las características que incluye:

Código que muestra el formateo de un precio utilizando la API de Intl

Bibliografía

Comparte este post en tus redes