Cómo formatear precios en JavaScript

Tarde o temprano te verás en esa tesitura. Gracias a la API de Intl de los navegadores este trabajo es mucho más fácil que hace unos años.

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