Convertir a formato de moneda en JavaScript
Convertir a formato de moneda en JavaScript. Si estas intentando formatear un numero en JavaScript, estas en el lugar correcto. Explicaremos de forma detallada 3 formas de formatear un numero a moneda con simples pasos para realizar un cálculo instantáneo.
Convertir a formato de moneda en JavaScript
Daremos solución a problemas cotidianos sobre formatear números y/o monedas. Por lo tanto, nos enfocaremos a un resultado de formato para que se muestre correctamente con comas y 2 decimales.
- Primera forma: Usando Intl.NumberFormat()
- Segunda forma: método JS toFixed
- Tercera forma: replace()
A continuación, detallaremos las 3 opciones para formatear un numero en JavaScript.
Primera forma: Usando Intl.NumberFormat()
Esta opción usa las siglas del idioma para formatear un numero a moneda, veamos un ejemplo
// Crea nuestro formateador de números.
const formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
//minimumFractionDigits: 0, //(esto es suficiente para números enteros, pero imprimirá 3500,10 como $3500,1)
//maximumFractionDigits: 0, // (hace que 3500,99 se imprima como $2501)
});
console.log(formatter.format(3500));
Salida: /* $3,500.00 */
Segunda forma: método JS toFixed
Puede usar el método JS toFixed estándar para formatear números enteros.
var num = 6.56789;
var n=num.toFixed(2);
Salida en el navegador
//6.57
Para agregar comas (para separar 1000), puede agregar expresiones regulares de la siguiente manera (donde num es un número):
Tercera forma: replace()
Si desean que a un número sea separado primero por una coma y luego por un punto, esta opción es la recomendada.
num.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")
//Salida e impresión
//200000 => 200,000
//7000 => 7,000
//2000000 => 2,000,000
Ejemplo completo de ejecución del script
var value = 3250.223;
var num = '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
//Imprimimos la variable con el número
document.write(num);
Al ejecutar el anterior script obtendremos el siguiente resultado
//Resultado al ejecutar $3,250.22
El carácter de separación depende del país y la ubicación. Para algunos países puede ser necesario.
Conclusiones
Formatear un numero en JavaScript no es tan complicado, existen varias formas para formatear un número, en este tutorial hemos visto 3 formas básicas.
Estas 3 opciones se pueden aplicar a proyectos web y/o páginas web. Además, de valores extraídos de base de datos, por ejemplo, MySQL.
En otro articulo hemos aprendido a formatear números usando PHP
Su fácil integración lo hace muy recomendado.