Portada » JavaScript » Convertir a formato de moneda en JavaScript

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.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad