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.